Materialize: Datepicker - pick -> close

[im-n1]

Hi,

it would be great if we had possibility (an option) to close datepicker when date was selected. It's shortcut to "select date" -> "click Close".

Thanks.

[ciencia]

It seems latest datepicker already does this by default, and provides an option to leave the picker open after selecting the date: http://amsul.ca/pickadate.js/date/#close-on-action

[Dogfalo]

This is how it was originally, but its behavior was changed to match Google's date picker.

[im-n1]

@ciencia You are right, thank for the hint

@Dogfalo Thanks, I get that. Anyway if there would be the option, like in original pickadate.js is, it would be great. Frankly, when you choose a date, you don't need the calendar anymore -> close it.
P.S. I'm using latest 0.96.1 version

[charleshan]

@Dogfalo I also prefer the original behavior as well. What do you think about having the option to enable it with

$('.datepicker').pickadate({
  closeOnSelect: true
})

[harpster604]

@Dogfalo I would also like the option to have it close once the date is selected.

[mitramcc]

Yeah @Dogfalo closeOnSelect: true would be great... does anyone have a work arround for this?

[ivanklun]

Workaround:

$('.datepicker').pickadate({
    onSet: function( arg ){
        if ( 'select' in arg ){ //prevent closing on selecting month/year
            this.close();
        }
    }
});

[lebart]

@ivanklun thanks for the workaround.
This should be mention in the docs if the closeOnSelect is not chosen. It's hard to find this in the closed issues.

[jvitorcarvalho]

thanks for the workaround, works fine

[simonsmiley]

Could you reconsider opening this? I don't think having the option to autoclose the picker would harm anyone

[lebart]

You should try the workaround @ivanklun suggested.

[jacek213]

I'm grateful for @ivanklun solution but that's still a hacky workaround - why is this issue closed without a proper solution?

[robertoradical]

After much research this has worked for me!!! version materialize 0.98.2

jQuery(document).ready(function(){
   $('#optDate').pickadate({format: 'yyyy-mm-dd'})
                      .on('change', function(){
                              `$(this).next().find('.picker__close').click();`
                      });
});

[fabo49]

@robertoradical great workaround, works for me thanks!
To implement the close on select functionality on all the datepickers just use this code based on @robertoradical solution.

    $('.datepicker').on('change', function(){
        $(this).next().find('.picker__close').click();
    });

[darckyn]

plz make the option to closeOnSelect work :)