open-index/open-npm huggingface dataset:
npm package: @sqwiroux/x-date-pickers
Description: The community edition of the date picker components (MUI X).
Author: MUI Team
Latest version: 6.20.5

# MUI X Date Pickers

This package is the community edition of the date and time picker components.
It's part of [MUI X](https://mui.com/x/), an open-core extension of MUI Core, with advanced components.

## Installation

Install the package in your project directory with:

```bash
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](https://date-fns.org/)
- [Day.js](https://day.js.org/)
- [Luxon](https://moment.github.io/luxon/#/)
- [Moment.js](https://momentjs.com/)

```bash
// 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.

```json
"peerDependencies": {
  "@mui/material": "^5.8.6",
  "@mui/system": "^5.8.0",
  "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`.

```jsx
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/](https://mui.com/x/react-date-pickers/) to view the full documentation.
npm package: @sqwiroux/zstore
Description: Various components to use in react projects
Author: Bernard Gaitho
Latest version: 2.0.61

<!-- AUTO-GENERATED-CONTENT:START (STARTER) -->
<p align="center">
  <a href="https://cloudhub-ux.netlify.com">
    <img alt="Gatsby" src="https://cloudhub-ux.netlify.com/static/logo-c4416d49bc581833470a04b7153efcbb.png" width="250" />
  </a>
</p>
<h1 align="center">
  cloudhub-ux components
</h1>

Various components to use in reactjs projects

[![travis build](https://img.shields.io/travis/gaithoben/kenya.svg?style=flat-square)](https://travis-ci.org/gaithoben/kenya)
[![version](https://img.shields.io/npm/v/kenya.svg?style=flat-square)](http://npm.im/kenya)
[![downloads](https://img.shields.io/npm/dm/kenya.svg?style=flat-square)](http://npm-stat.com/charts.html?package=kenya&from=2015-08-01)
[![MIT License](https://img.shields.io/npm/l/kenya.svg?style=flat-square)](http://opensource.org/licenses/MIT)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)](https://github.com/semantic-release/semantic-release)

These are components to help you kickstart your project and get going within hours with minimal configuration and installation steps. These components ships with the the dependencies required to work in any reactjs project.

Please go to the [The documentation website](https://cloudhub-ux.netlify.com). for more details.
npm package: @sqymagma/vulxan
Description: Made with create-react-library
Author: FrancisVega
Latest version: 1.0.0

# vulxan

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/vulxan.svg)](https://www.npmjs.com/package/vulxan) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save vulxan
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from 'vulxan'
import 'vulxan/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [FrancisVega](https://github.com/FrancisVega)