##### Default Touchspin

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

Default Touchspin
Primary Touchspin
Secondary Touchspin
Success Touchspin
Info Touchspin
Warning Touchspin
Danger Touchspin
Dark Touchspin

##### Outlined Touchspin

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

Default Touchspin
Primary Touchspin
Secondary Touchspin
Success Touchspin
Info Touchspin
Warning Touchspin
Danger Touchspin
Dark Touchspin

##### Rounded Touchspin

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

Default Touchspin
Primary Touchspin
Secondary Touchspin
Success Touchspin
Info Touchspin
Warning Touchspin
Danger Touchspin
Dark Touchspin

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