#### Flatpickr - Datepicker

Basic

Set `data-provider="flatpickr" data-date-format="d M, Y"` attribute.

DateTime

Set `data-provider="flatpickr" data-date-format="d.m.y" data-enable-time` attribute.

Human-Friendly Dates

Set `data-provider="flatpickr" data-altFormat="F j, Y"` attribute.

MinDate and MaxDate

Set `data-provider="flatpickr" data-date-format="d M, Y" data-minDate="Your Min. Date" data-maxDate="Your Max. date"` attribute.

Default Date

Set `data-provider="flatpickr" data-date-format="d M, Y" data-deafult-date="Your Default Date"` attribute.

Disabling Dates

Set `data-provider="flatpickr" data-disable="true"` attribute.

Selecting Multiple Dates

Set `data-provider="flatpickr" data-date-format="d M, Y" data-multiple-date="true"` attribute.

Range

Set `data-provider="flatpickr" data-date-format="d M, Y" data-range-date="true"` attribute.

Inline

Set `data-provider="flatpickr" data-date-format="d M, Y" data-deafult-date="today" data-inline-date="true"` attribute.

Week Numbers

Set `data-provider="flatpickr" data-date-format="d M, Y" data-week-number` attribute.

#### Flatpickr - Timepicker

Timepicker

Set `data-provider="timepickr" data-time-basic="true"` attribute.

24-hour Time Picker

Set `data-provider="timepickr" data-time-hrs="true"` attribute.

Time Picker w/ Limits

Set `data-provider="timepickr" data-min-time="Min.Time" data-max-time="Max.Time"` attribute.

Preloading Time

Set `data-provider="timepickr" data-default-time="Your Default Time"` attribute.

Inline

Set `data-provider="timepickr" data-time-inline="Your Default Time"` attribute.

##### Theme Settings

##### Color Scheme

##### Light

##### Dark

##### Layout Mode

##### Fluid

##### Detached

##### Menu Color

##### Light

##### Dark

##### Sidebar Size

##### Default

##### Compact

##### Condensed

##### Hover View

##### Full Layout

##### Hidden

##### Container Width

Full Boxed

##### Layout Position

Fixed Scrollable
Buy Now