UI Date Range Picker 是一個用於選擇日期範圍的 React 組件，並提供靈活且直觀的使用者界面。點擊連結可直接查看線上展示。
- node 版本需大於等於 18。你可以在專案根目錄下透過
nvm use切換 node 版本。
git clone https://github.com/jasonluo07/ui-date-range-picker
cd ui-date-range-picker
npm install
npm run dev開啟瀏覽器並輸入 http://localhost:5173/ui-date-range-picker/
使用 Vitest 進行組件的單元測試：
npm test| 屬性 | 類型 | 描述 |
|---|---|---|
onChange |
Function | 當選擇的日期範圍改變時觸發的回調函式 |
.
└── src
├── components
│ └── DateRangeDisplay
│ ├── index.module.css
│ ├── index.tsx
│ └── DateRangePicker
│ ├── __tests__
│ │ └── DateRangePicker.test.tsx
│ ├── Calendar.module.css
│ ├── Calendar.tsx
│ ├── DateButton.module.css
│ ├── DateButton.tsx
│ ├── Header.module.css
│ ├── Header.tsx
│ ├── index.module.css
│ └── index.tsx
├── utils
│ └── date.ts
├── App.module.css
├── App.tsx
├── main.tsx
└── vite-env.d.ts