ArcaneDatePicker

Use date pickers for form-style date selection with label support and renderer-owned input chrome.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: date-picker

Preview + Code

Start date

Code

DateTime startDate = DateTime(2026, 4, 24);

ArcaneDatePicker(
  value: startDate,
  label: 'Start date',
  onChanged: updateStartDate,
)

ArcaneDatePicker#

Use date pickers for form-style date selection with label support and renderer-owned input chrome.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/input/date_picker.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneDatePicker

Use date pickers for form-style date selection with label support and renderer-owned input chrome.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: date-picker

Preview + Code

Start date

Code

DateTime startDate = DateTime(2026, 4, 24);

ArcaneDatePicker(
  value: startDate,
  label: 'Start date',
  onChanged: updateStartDate,
)

ArcaneDatePicker#

Use date pickers for form-style date selection with label support and renderer-owned input chrome.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/input/date_picker.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneDatePicker

Use date pickers for form-style date selection with label support and renderer-owned input chrome.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: date-picker

Preview + Code

Start date

Code

DateTime startDate = DateTime(2026, 4, 24);

ArcaneDatePicker(
  value: startDate,
  label: 'Start date',
  onChanged: updateStartDate,
)

ArcaneDatePicker#

Use date pickers for form-style date selection with label support and renderer-owned input chrome.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/input/date_picker.dart

See the Component Catalog for the full exported surface and source mapping.