@nonnontrivial/calendar

simple, selectable dates for React

Usage no npm install needed!

<script type="module">
  import nonnontrivialCalendar from 'https://cdn.skypack.dev/@nonnontrivial/calendar';
</script>

README

calendar

simple, selectable dates for React

requires the following:

react@latest react-dom@latest

Installation

npm i -S @nonnontrivial/calendar

An Example

import { DateContext, MonthCycler, Calendar } from '@nonnontrivial/calendar';

function Sundial(props) {
  let [timeString, setTimeString] = React.useState(null);
  let onChange = React.useCallback(date => {
    setTimeString(date.toTimeString());
  }, []);
  return (
    <React.Fragment>
      <marquee>{timeString}</marquee>
      <DateContext.Provider value={{ onChange }}>
        <MonthCycler />
        <Calendar />
      </DateContext.Provider>
    </React.Fragment>
  );
}