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

• Properties

  today, selectedDate, setCurrentDate

---

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

• Properties

  selectedDateString, patterns

YYYY-MM-DD

MMMM D, YYYY

Selected Date2025-07-23

---

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

• Properties

  headerPatterns, state-change, selectedDate

YYYY-MM

MMMM, YYYY

---

4. Selectable Date Definition

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

View Related Items

• Properties

  allowDates, allowRange, selection-change, selectedDateString, clear

Only Weekend

Selected Date