日期和時間選擇器即將移至 MUI X

經過實驗室超過 18 個月的開發，日期和時間選擇器組件已找到新家，成為 MUI X 的一部分。這表示我們將投入更多時間和精力於這些複雜的組件，以更符合您和您的使用者的需求。

重點摘要

• 日期和時間選擇器距離穩定版本更近一步。
• 授權條款沒有意外變更。我們堅守我們的承諾。MIT 授權的內容維持 MIT 授權，並且我們將按照一年多前宣布的計畫，將日期範圍選擇器移至商業授權。
• 請按照移轉步驟進行

什麼是日期和時間選擇器？

日期和時間選擇器是介面控制項，讓使用者能夠從選單中選擇日期（或時間）。

使用預設 Material UI 設計的日期和時間選擇器

常見的設計模式包括文字輸入框、下拉式選單、日曆、時間軸和行動裝置上的滾動選擇器。

使用者可能需要選擇單一日/時間，或是一個範圍。

什麼是 MUI X？

MUI X 是為複雜使用情境建置的進階組件集合。

與主要仰賴開源社群支援的 MUI Core 庫不同，MUI X 組件需要多位全職開發人員專注於工程和持續維護。

MUI X 組件以兩種授權方式提供

• MUI X 採用 MIT 授權，因此可免費使用。
• MUI X Pro 包含最進階的功能，並採用商業授權。

為什麼日期和時間選擇器會移至 MUI X？

日期和時間選擇器 UI 元素表面上看起來很簡單，但工程設計卻出乎意料地複雜。

當日期和時間選擇器組件準備好離開實驗室時，我們必須做出選擇：它們應該放在 MUI Core 庫中，還是應該成為 MUI X 的一部分？

考量到這些組件的複雜性，我們認為它們最能受益於 X 團隊的專注投入。

透過商業授權提供更進階的組件套件，我們可以持續擴大我們的團隊，以更好地滿足您的需求。

日期和時間選擇器組件現在以兩個套件提供

• @mui/x-date-pickers 具有 MIT 授權，它包含所有開源組件
• @mui/x-date-pickers-pro 具有 商業授權，它包含所有 MIT 授權和商業授權的組件

哪些組件僅在 Pro 套件中提供？

日期範圍組件只能在商業授權下使用。

所有其他日期和時間選擇器組件都在 mui/x-date-pickers 中提供，並且將保持 MIT 授權且永久免費。

如何購買商業授權？

請造訪 MUI 商店以購買商業授權。

如何移轉？

請按照移轉步驟，更新套件名稱並將預設匯出變更為具名匯出

-import DatePicker from '@mui/lab/DatePicker';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';

-import DateRangePicker from '@mui/lab/DateRangePicker';
+import { DateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';

-import { DatePicker, DateRangePicker } from '@mui/lab';
+import { DatePicker } from '@mui/x-date-pickers';
+import { DateRangePicker } from '@mui/x-date-pickers-pro';
 // DatePicker is also available in `@mui/x-date-pickers-pro`

我們已準備好程式碼模組 (codemod) 來協助您將程式碼庫從 @mui/lab 移轉至 @mui/x-date-pickers 或 @mui/x-date-pickers-pro

npx @mui/codemod@latest v5.0.0/date-pickers-moved-to-x <path>

日期和時間選擇器文件在哪裡？

您可以在 MUI X 文件中找到選擇器組件的文件。

日期和時間選擇器的下一步是什麼？

目前，@mui/x-date-pickers 和 @mui/x-date-pickers-pro 仍為 alpha 版本。我們的下一個目標是致力於這些組件的穩定性和 API 一致性，以為穩定版本發布做準備。