> ## Documentation Index
> Fetch the complete documentation index at: https://docs.agentlize.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Calendar

# Calendar Picker

> Chọn ngày giờ với giao diện calendar thay vì `datetime-local` input.

***

## Cách sử dụng

<Steps>
  <Step title="Click nút ngày giờ">
    Trên form tạo họp, click vào nút ngày giờ
  </Step>

  <Step title="Chọn ngày">
    Popover hiện ra với calendar — click vào ngày mong muốn
  </Step>

  <Step title="Chọn giờ và phút">
    Sử dụng dropdown để chọn giờ (0–23) và phút (0–59)
  </Step>

  <Step title="Xác nhận">
    Click **Áp dụng** để set giá trị, hoặc **Reset** để xóa
  </Step>
</Steps>

***

## Tech Stack

| Component         | Library                                 |
| ----------------- | --------------------------------------- |
| Popover container | Radix UI `@radix-ui/react-popover`      |
| Calendar          | react-day-picker v10                    |
| Styling           | Tailwind CSS v4 + CSS custom properties |

***

## Read Next

<CardGroup>
  <Card title="Meetings" icon="calendar" href="/meetings" />

  <Card title="Delivery Progress" icon="check-circle" href="/delivery-progress" />
</CardGroup>