Components
datepicker
Standalone date picker with calendar.
A standalone date picker component with full calendar UI. For a simple date input field, use (input "Date" :type date) instead.
Usage
With Label
The content string is used as the field label:
With Placeholder
Properties
accepts content
Sizing
| Property | Type | Default |
|---|---|---|
:full | flag | - |
:fit | flag | - |
:fill | flag | - |
Dimensions
| Property | Type | Default |
|---|---|---|
:width | any | - |
:height | any | - |
State
| Property | Type | Default |
|---|---|---|
:disabled | flag | - |
:error | flag | - |
Input
| Property | Type | Default |
|---|---|---|
:value | string | - |
:placeholder | string | - |
Note: The content string is used as the field label (e.g., (datepicker "Due Date")).
When to Use
Use datepicker when you want to show a full calendar picker inline or need more visual prominence for date selection.
For simple form fields, use input with :type date:
; Simple date field in a form
(input "Start Date" :type date)
; Standalone calendar picker
(datepicker :placeholder "Pick a date")