Material UI Pickers screenshot

Material UI Pickers

Author Avatar Theme by Mui
Updated: 21 Aug 2023
2325 Stars

Date & Time pickers for Material UI (support from v1 to v4)

Categories

Overview

The introduction states that the end of @material-ui/pickers is here, and a new library called @mui/x-date-pickers is taking its place. A reference to issue #2157 is mentioned for more details.

Features

  • Transition from @material-ui/pickers to @mui/x-date-pickers: This feature highlights the transition from the deprecated @material-ui/pickers library to the new @mui/x-date-pickers library. It suggests that users should migrate to the new library for continued support and maintenance.
  • Improved functionality and features: The new @mui/x-date-pickers library is expected to offer improved functionality and additional features compared to its predecessor @material-ui/pickers. This suggests that users can expect a more robust and versatile date picker experience.
  • Continued development and support: The mention of a new library taking the place of @material-ui/pickers indicates that there will be ongoing development, updates, and support for @mui/x-date-pickers. Users can anticipate a more active and responsive community around the new library.

Installation

To install @mui/x-date-pickers, follow these steps:

  1. Open the terminal or command prompt.

  2. Navigate to your project directory.

  3. Run the following command to install the library:

    npm install @mui/x-date-pickers
    
  4. Once the installation is complete, you can import and use @mui/x-date-pickers in your project by adding the following line to the appropriate file:

    import { DatePicker } from '@mui/x-date-pickers';
    
  5. You’re now ready to use the new date pickers in your application.

Summary

The article announces the end of @material-ui/pickers and the introduction of a new library called @mui/x-date-pickers. The new library is expected to offer improved functionality and features, providing users with a more robust and versatile date picker experience. The installation process for @mui/x-date-pickers is outlined, enabling users to easily migrate to the new library and benefit from continued development and support.