Forms v1.0.0

Datepicker

A date selection component with calendar dropdown. Supports single date and date range selection modes. Includes min/max date constraints, configurable display format, and week start day options. Works with Rails form builder or standalone.

Preview & Code

Options

Name Type Default Description
form FormBuilder nil Rails form builder object (for form builder mode)
attribute Symbol nil Model attribute name (for form builder mode)
name String nil Input name attribute (for standalone mode)
value String/Date nil Initial selected date (ISO format YYYY-MM-DD)
label String nil Label text (auto-generated from attribute if not provided)
hint String nil Help text displayed below the input
placeholder String "Select date" Placeholder text when no date selected
format String "YYYY-MM-DD" Display format (YYYY, MM, DD tokens)
mode Symbol :single Selection mode: :single or :range
min_date String/Date nil Earliest selectable date (ISO format)
max_date String/Date nil Latest selectable date (ISO format)
week_start Symbol :sunday First day of week: :sunday or :monday
range_start_value String/Date nil Initial range start date (range mode only)
range_end_value String/Date nil Initial range end date (range mode only)
required Boolean false Whether the field is required
disabled Boolean false Whether the field is disabled
error String nil Manual error message (auto-detected from form object if not provided)

Changelog v1.0.0

- Initial release with single date and range selection modes
- Configurable date format display
- Min/max date constraints
- Week start day option (Sunday or Monday)
- Dark mode support
- Form builder and standalone modes

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now