Skip to main content

Basic Examples

Default options



new SnowDatePicker('#element');

Inline calendar

If you want to display the calendar always visible, you can set the inline option to true.


new SnowDatePicker('#element', { inline: true });

With default selected date

You can set the default selected date by passing value to the selectedDate option.



new SnowDatePicker('#element', { selectedDate: new Date() });

Month/Year Picker

You can enable the month/year picker by setting the minView option to months | years.



new SnowDatePicker('#element', { minView: 'months' });