WireScript
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

PropertyTypeDefault
:fullflag-
:fitflag-
:fillflag-

Dimensions

PropertyTypeDefault
:widthany-
:heightany-

State

PropertyTypeDefault
:disabledflag-
:errorflag-

Input

PropertyTypeDefault
:valuestring-
:placeholderstring-

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")

Examples

Booking Form

Event Scheduler

Date Range Selection

On this page