open-index/open-npm huggingface dataset:
npm package: @natenhagen/react-day-picker
Description: Flexible date picker component for React
Author: Giampaolo Bellavite
Latest version: 7.4.40

  Totally unmaintained fork of v.7.4.10 that exports `DayPickerInput` in an ES Modules Compliant way.
  making it possible to import DayPickerInput like this:
  ```
  import { DayPickerInput } from 'react-day-picker';
  ```
  <br />
  - This fork will allow builds to proceed for rollup and vite.


<br />
<p align="center">
<a href="http://react-day-picker.js.org"><img width="80" style="margin: 0 auto" alt="title" src="https://user-images.githubusercontent.com/120693/33364057-0d4a962a-d4e3-11e7-8506-0f9aede2b345.png"></a>
</p>
<p align="center">

<h1 align="center">react-day-picker (es modules compliant)</h1>
<p align="center">
  Flexible date picker component for <a href="https://facebook.github.io/react/">React</a>.
  <br />
  Highly customizable, localizable, with ARIA support, no external dependencies, 9KB gzipped
</p>
<p align="center">
  <a href="http://react-day-picker.js.org"><img width="266" alt="screen shot 2017-11-29 at 08 53 17" src="https://user-images.githubusercontent.com/120693/33363979-cb60fb5a-d4e2-11e7-8d21-f4779b8b9105.png">
</a>
</p>
<p align="center">
  <a href="http://react-day-picker.js.org">Documentation</a> | <a href="http://react-day-picker.js.org/examples/basic">Examples</a> | <a href="http://react-day-picker.js.org/api/DayPicker">API</a> | <a href="http://react-day-picker.js.org/changelog">Changelog</a>
</p>
<p align="center">
  <a href="https://www.npmjs.com/package/react-day-picker">
    <img src="https://img.shields.io/npm/v/react-day-picker.svg?style=flat-square" alt="npm version">
  </a>
  <a href="http://npm-stat.com/charts.html?package=react-day-picker">
    <img src="https://img.shields.io/npm/dm/react-day-picker.svg?style=flat-square" alt="npm downloads">
  </a>
  <a href="https://circleci.com/gh/gpbl/react-day-picker">
    <img src="https://img.shields.io/circleci/project/github/gpbl/react-day-picker/master.svg?style=flat-square" alt="circleci">
  </a>
  <a href="https://codecov.io/gh/gpbl/react-day-picker">
    <img src="https://img.shields.io/codecov/c/github/gpbl/react-day-picker/master.svg?style=flat-square" alt="npm downloads">
  </a>
</p>
npm package: @natenorrish/react-bounds
Description: A React component to simplify working with multiple screen resolutions / devices. Child components are only rendered if the screen size matches the specified parameters.
Author: Nate Norrish
Latest version: 1.0.3

# @natenorrish/react-bounds
A React component to simplify working with multiple screen resolutions / devices. Child components are only rendered if the screen size matches the specified parameters.

### Installation
~~~~
npm install --save @natenorrish/react-bounds
~~~~

### Usage
~~~~

import React, { Component } from 'react';
import Bounds from '@natenorrish/react-bounds'

class App extends Component
{
    render()
    {
        return (
            <Bounds 
                maxWidth="600"
                render={() => (
                    <div>Render this when screen is within 600px wide</div>
                )}
                else={() => (
                    <div>You can render for everything else using the else property</div>
                )}
            />
        );
    }
}


~~~~

### Create a custom component with parameters
~~~~
import React, { Component } from 'react';
import Bounds from '@natenorrish/react-bounds'
const Mobile = Bounds.create({ maxWidth: 600 });

class App extends Component
{
    render()
    {
        return (
            <Mobile
                render={() => <div>Render for mobile</div>}
                else={() => <div>Render for everything else</div>}
            />
        );
    }
}
~~~~