Date Picker

Choose a date from a calendar popover.

@sigil-ui/componentsReact

Preview

import { DatePicker, DateRangePicker } from "@sigil-ui/components";

<DatePicker placeholder="Pick a date" />

This component includes the following parts:

Prop	Type	Default	Description
`value`	`Date`	—	The current controlled value.
`defaultValue`	`Date`	—	Initial value when the component manages its own state.
`onValueChange`	`(date: Date \| undefined) => void`	—	Called when the user changes the value.
`placeholder`	`string`	—	Hint shown before a value is entered.

CSS Variable	Purpose
`--s-text-muted`	Text muted

DataTable

A token-driven data table with custom cell renderers, click handling, and empty states.

Editable

Switch a displayed value into an inline editor.