@mui/x-date-pickers NPM | npm.io

7.22.1 • Published 10 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

10 months ago

MUI X Date Pickers

This package is the Community plan edition of the Date and Time Picker components. It's part of MUI X, an open-core extension of MUI Core, with advanced components.

Installation

Install the package in your project directory with:

npm install @mui/x-date-pickers

Then install the date library of your choice (if not already installed). The pickers currently support the following date libraries:

// date-fns
npm install date-fns
// or dayjs
npm install dayjs
// or luxon
npm install luxon
// or moment
npm install moment

This component has the following peer dependencies that you will need to install as well.

"peerDependencies": {
  "@mui/material": "^5.15.14",
  "react": "^17.0.0 || ^18.0.0",
  "react-dom": "^17.0.0 || ^18.0.0"
},

After completing the installation, you have to set the dateAdapter prop of the LocalizationProvider accordingly. The supported adapters are exported from @mui/x-date-pickers.

import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
// date-fns
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
// or for dayjs
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
// or for luxon
import { AdapterLuxon } from '@mui/x-date-pickers/AdapterLuxon';
// or for moment
import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';

function App({ children }) {
  return <LocalizationProvider dateAdapter={AdapterDateFns}>{children}</LocalizationProvider>;
}

Documentation

Visit https://mui.com/x/react-date-pickers/ to view the full documentation.

react react-component mui mui-x material-ui material design datepicker timepicker datetimepicker

@babel/runtime @mui/utils @types/react-transition-group clsx prop-types react-transition-group @mui/x-internals

@h1-card/h1-lib-frontend @catena-x/portal-shared-components-test @richard512/shareableasset-bridge bys-container customer-query-front-end @sjse/seatmap @sjse/seatmap-npm @eai.dalman/smatl kushkiconnectvt temp-connect-ui-accel test-connect-bundler minerva-ui-components demo-components-ui gally-admin-components arms_v2.8_webui sample-ba-3 @klover/attain-design-system oracle-webcomponents react-ts-form-gen-elements evolve-foresite-components-ui @compassdigital/compassdigital.components.distilr boompay-react-sdk backoffice-tril act21_auto_ui react-mui-form-generator react-vrw taoglas-component-library tf-dynamic-website react-rapidx-mui-component-library @gib-ui/gib-react-components-test @textea/yodas curbo-components-library managesome-components nh-design-system jgu-zac-apps cloud-air-components prisha-shared-ui @everything-registry/sub-chunk-625 @qikform/web design-library-test react-publishable-component-sunil @greenspace/greenspace-ds-web bys-container-ui2 @ascendware/mx @instivo-front/react crc-ui-1 rafsun-core-services starlight-test serino-shopping-cart nineid-core @roryphanz/portal-shared-components aminhp93-components evervent-design-labs acovisa-design-system patient_management kalyan90-x-date-pickers-pro kimi-locales talentorg-profile-editor taras-package-test task-manager-new sz-tables synapse-react-client temppppppppp swallaby-ui test-core-avl-lib test-military-design-system test-platform-x-prelems web-ds web-setup-react-mui web-cp-vb wface stake-souce-form-engine starlight-local techsbcn-storybook spendanalyticsplatform testttbuildbabel testttbuildbabelfinal testttbuildbabelfinal2 testtbredcrum test-pub-3 testconnectfinalfinal testconnectttttttt testconnectv1 test_realityservices-ui-components test-ui-tests tf-checkout-react text-input-testing-only thefinallabbysaurabh thrive-native vs-design-system vpn-ui-react voki-ai voki-client vite-react-components-library vite-react-ts-wiximo-publicity visio-rhf-base ux-sil-components-beta ux-sil-components2 vat_refund_app_lt vehicle-list-lib

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

2 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago