Skills
.Work. You
Rest

shadcn_ui-date-picker

Official

Select dates with Shadcn UI components.

Software Engineering#flutter#ui component#date range#date picker#shadcn_ui#form field
Authorserverpod
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the process of integrating date selection and date range picking functionalities into Flutter applications using the shadcn_ui package, including form field integration.

Core Features & Use Cases

  • Single Date Selection: Use ShadDatePicker for picking a single date.
  • Date Range Selection: Utilize ShadDatePicker.range() for selecting a start and end date.
  • Form Integration: Employ ShadDatePickerFormField and ShadDateRangePickerFormField for seamless integration with forms, including validation.
  • Presets and Customization: Supports presets for quick selection and custom headers for advanced UI patterns.

Quick Start

Add a single date picker form field with a label 'Date of birth' and a validator to your Flutter app.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: shadcn_ui-date-picker
Download link: https://github.com/serverpod/skills-registry/archive/main.zip#shadcn-ui-date-picker

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.