#### Pickers

#### 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.

#### 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.

#### Colorpicker

##### Themes

##### Classic Demo

Use `classic-colorpicker` class to set classic colorpicker.

##### Monolith Demo

Use `monolith-colorpicker` class to set monolith colorpicker.

##### Nano Demo

Use `nano-colorpicker` class to set nano colorpicker.

##### Options

##### Demo

Use `colorpicker-demo` class to set demo option colorpicker.

##### Picker with Opacity & Hue

Use `colorpicker-opacity-hue` class to set colorpicker with opacity & hue.

##### Switches

Use `colorpicker-switch` class to set switch colorpicker.

##### Picker with Input

Use `colorpicker-input` class to set colorpicker with input.

##### Color Format

Use `colorpicker-format` class to set colorpicker with format option.

##### Theme Customizer

###### Layout

Choose your layout

##### Vertical

##### Horizontal

##### Two Column

###### Color Scheme

Choose Light or Dark Scheme.

##### Light

##### Dark

###### Layout Width

Choose Fluid or Boxed layout.

##### Fluid

##### Boxed

###### Layout Position

Choose Fixed or Scrollable Layout Position.

Fixed Scrollable

###### Topbar Color

Choose Light or Dark Topbar Color.

##### Light

##### Dark