Start with an empty input field

[StuartBAutotrader]

Hi, Is there any way to start with an empty input field (not date pre-set), my field is not required and I would like a blank/empty input field to start with.

[DanTalash]

• Edit this line of the date-picker and replace the return statement to return the text you want to see. Eg, return ''; would result in an empty string.
• Pass an invalid date into the picker (such as false). The date will be displayed as whatever text you edited the above line to return.

@johannesjo has suggested a much better option below, which does not require making changes to the lib.

[johannesjo]

Had the same problem. You could also use a decorator:

angular.module('yourModule')
    .config(function ($provide)
    {
        $provide.decorator('mFormatFilter', function ()
        {
            return function newFilter(m, format, tz)
            {
                if (!(moment.isMoment(m))) {
                    return '';
                }
                return tz ? moment.tz(m, tz).format(format) : m.format(format);
            };
        });
    });

[StuartBAutotrader]

Thanks guys I will give this a try.

[StuartBAutotrader]

Great fix, decorator is a fantastic way of working. Thanks for your help.

[johannesjo]

@DanTalash Thanks for sharing the correct line of code :)

[mahmutduva]

Hi this solutions when i want empty input but when i receive string date from service, input will be empty. For example when service give me '2016-02-03' string date, input field will be empty.
@johannesjo
@DanTalash

[luisantruiz]

Hi guys, I was looking for how to implement this decorator, do you have a plunker example? It's because in my case it's not working as expected. Thanks in advance.

[Dr1Ku]

Would be fixed by PR https://github.com/g00fy-/angular-datepicker/pull/293

[KlassJ]

Had the same problem. You could also use a decorator:

It's a great one but

instead of
return tz ? moment.tz(m, tz).format(format) : m.format(format);

Use (the first one return blank if tz is undefined)
return tz ? moment.tz(m, tz).format(format) : moment(m).format(format);

[chinmay235]

@johannesjo after I add your code I am getting this errror message -

Error: [$injector:modulerr] Failed to instantiate module myModule due to:
[$injector:unpr] Unknown provider: mFormatFilterProvider

[johannesjo]

@chinmay they probably changed it in some way or the other. I'm afraid that you will have to check their code where and if to apply the decorator.