Wondering what’s next for npm?Check out our public roadmap! »

    @material-ui/pickers
    TypeScript icon, indicating that this package has built-in type declarations

    3.3.10 • Public • Published

    Material-ui-pickers logo

    Material-UI pickers

    Accessible, customizable, delightful date & time pickers for @material-ui/core

    npm package npm download codecov Bundle Size CircleCI Cypress.io tests This project is using Percy.io for visual regression testing. code style: prettier

    Installation

    Note that this package requires @material-ui/core v4. It will not work with the old v3. Please read the migration guide if you are updating from v2

    // via npm
    npm i @material-ui/pickers
    
    // via yarn
    yarn add @material-ui/pickers

    Now choose the library that pickers will use to work with date. We are providing interfaces for moment, luxon, dayjs and date-fns v2. If you are not using moment in the project (or don’t have it in the bundle already) we suggest using date-fns or luxon, because they are much lighter and will be correctly tree-shaked from the bundle. Note, that we are fully relying on date-io for supporting different libraries.

    npm i date-fns@next @date-io/date-fns
    // or
    npm i moment @date-io/moment
    // or
    npm i luxon @date-io/luxon
    // or
    npm i dayjs @date-io/dayjs

    Then teach pickers which library to use with MuiPickerUtilsProvider. This component takes a utils property, and makes it available down the React tree thanks to React context. It should preferably be used at the root of your component tree.

    import MomentUtils from '@date-io/moment';
    import DateFnsUtils from '@date-io/date-fns';
    import LuxonUtils from '@date-io/luxon';
    import { MuiPickersUtilsProvider } from '@material-ui/pickers';
    
    function App() {
      return (
        <MuiPickersUtilsProvider utils={DateFnsUtils}>
          <Root />
        </MuiPickersUtilsProvider>
      );
    }
    
    render(<App />, document.querySelector('#app'));

    Documentation

    Check out the documentation website

    Recently updated?

    Changelog available here

    Contributing

    For information about how to contribute, see the CONTRIBUTING file.

    LICENSE

    The project is licensed under the terms of MIT license

    Install

    npm i @material-ui/pickers

    DownloadsWeekly Downloads

    651,627

    Version

    3.3.10

    License

    MIT

    Unpacked Size

    1.49 MB

    Total Files

    185

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar