##### Input Form Validation

Create a basic date picker by initializing Flatpickr with `flatpickr("#basic-picker")` to allow users to select a single date from a calendar.

Username
Username must be at least 1 characters.

##### Validation with tooltip

Create a basic date picker by initializing Flatpickr with `flatpickr("#basic-picker")` to allow users to select a single date from a calendar.

Username
Username must be at least 1 characters.

##### Custom styles

Create a basic date picker by initializing Flatpickr with `flatpickr("#basic-picker")` to allow users to select a single date from a calendar.

First name
Looks good!
Last name
Looks good!
Username
@
Please choose a username.
City
Please provide a valid city.
State
Please select a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.

##### Browser defaults

Create a basic date picker by initializing Flatpickr with `flatpickr("#basic-picker")` to allow users to select a single date from a calendar.

First name
Last name
Username
@
City
State
Zip
Agree to terms and conditions

##### Server-side

Create a basic date picker by initializing Flatpickr with `flatpickr("#basic-picker")` to allow users to select a single date from a calendar.

First name
Looks good!
Last name
Looks good!
Username
@
Please choose a username.
City
Please provide a valid city.
State
Please select a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.

##### Supported elements

Create a basic date picker by initializing Flatpickr with `flatpickr("#basic-picker")` to allow users to select a single date from a calendar.

Textarea
Please enter a message in the textarea.
Check this checkbox
Example invalid feedback text
Toggle this radio
Or toggle this other radio
More example invalid feedback text
Example invalid select feedback
Example invalid form file feedback

##### Tooltips

Create a basic date picker by initializing Flatpickr with `flatpickr("#basic-picker")` to allow users to select a single date from a calendar.

First name
Looks good!
Last name
Looks good!
Username
@
Please choose a unique and valid username.
City
Please provide a valid city.
State
Please select a valid state.
Zip
Please provide a valid zip.

Theme Customization

###### Layout:

##### Vertical

##### Horizontal

##### Semi Box

###### Content Width:

##### Default

##### Box

###### Layout Direction:

##### LTR

##### RTL

###### Layout Mode:

##### Light

##### Dark

##### System

###### Sidebar Size:

##### Default

##### Medium

##### Icon

##### Icon hover

###### Sidebar Color:

##### Light

##### Dark