Datepicker

You may find more detailed information about how to use Flatpickr library on the documentation page here. In addition, you may find more details on official Flatpickr page

Basic Examples

Default

With value

Range dates

Disabling dates

Selecting multiple dates

Without bordered

Inline without field

April

MoTuWeThFrSaSu

311234567891011121314151617181920212223242526272829301234567891011

Disabled

With Icons

With arrow

With append

Modal

Datepicker in modal

Validation States

Valid state

Select a date

Valid without border

Select a date

Invalid state

Select a date

Invalid without border

Select a date

April

MoTuWeThFrSaSu

311234567891011121314151617181920212223242526272829301234567891011

December

MoTuWeThFrSaSu

262728293012345678910111213141516171819202122232425262728293031123456

December

MoTuWeThFrSaSu

262728293012345678910111213141516171819202122232425262728293031123456

December

MoTuWeThFrSaSu

262728293012345678910111213141516171819202122232425262728293031123456

April

MoTuWeThFrSaSu

311234567891011121314151617181920212223242526272829301234567891011

December

MoTuWeThFrSaSu

262728293012345678910111213141516171819202122232425262728293031123456

December

MoTuWeThFrSaSu

262728293012345678910111213141516171819202122232425262728293031123456

December

MoTuWeThFrSaSu

262728293012345678910111213141516171819202122232425262728293031123456

April

MoTuWeThFrSaSu

311234567891011121314151617181920212223242526272829301234567891011

April

MoTuWeThFrSaSu

311234567891011121314151617181920212223242526272829301234567891011

April

MoTuWeThFrSaSu

311234567891011121314151617181920212223242526272829301234567891011

October

MonTueWedThuFriSatSun

123456789101112131415161718192021222324252627282930311234567891011

April

MonTueWedThuFriSatSun

311234567891011121314151617181920212223242526272829301234567891011

April

MonTueWedThuFriSatSun

311234567891011121314151617181920212223242526272829301234567891011