Skip to content

DateChooser

Overview

This is a component for displaying dates. It typically provides a calendar-style interface where users can click to select specific dates.

Key Features

1. Custom Renderer

Users can render dates in any desired form. Items can be expressed by freely combining text, images, buttons, etc.

View Related Items

2. Date Format

Users can flexibly set the format of individual dates displayed in the calendar using external libraries (moment, dayjs, etc.). For example, dates can be displayed in various formats such as YYYY-MM-DD, MM/DD/YYYY, YYYY년 MM월 DD일, etc.

View Related Items
[YYYY-MM-DD]2025-06-02
[MMMM D, YYYY]June 2, 2025

3. Header Title Format

Users can flexibly set the format of months or years displayed in the calendar header using external libraries (moment, dayjs, etc.). For example, months or years can be displayed in various formats such as YYYY년 MM월, MMMM YYYY, Jan 2024, etc.

View Related Items
pattern AYYYY-MM
pattern BMMMM, YYYY

4. Selectable Date Definition

Users can flexibly limit the range of selectable dates, allowing only specific dates to be selected.

View Related Items
Selected Date

Released under the MIT License.