DatePicker

Overview

This is a component for selecting and displaying dates in a dropdown. 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

---

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, selectedDateString

---

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

  selectedDateString, headerPatterns

---

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, clear

Weekdays Selectable

Weekends Selectable