n-date-picker

Community

Unified date input for all UI forms.

Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Date input in forms is often inconsistent, leading to validation issues and a poor UX. This Skill provides a versatile date-picker component to unify date entry across date, datetime, range, and specialized types (month, year, quarter, week) with formatting and validation.

Core Features & Use Cases

  • Supports single date, datetime, date range, month, year, quarter, and week selections.
  • Offers formatting options, validation hooks, quick shortcuts, and panel-only mode.
  • Use Case: filter data tables by date range or schedule events, and capture user birthdates with consistent input.

Quick Start

Set up an n-date-picker in your form to collect a date, datetime, or date range with optional formatting and validation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: n-date-picker
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-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.