Miss any of our Open RFC calls?Watch the recordings here! »

materialui-daterange-picker-i18n

1.1.19 • Public • Published

Material UI DateRange Picker

A react date range picker implementation using @material-ui, internationalized.

PLEASE DO NOT USE THIS PACKAGE, IT IS NOT YET PRODUCTION READY!

Latest npm version

Live Demo

Check out the project running at https://pedro-lb.github.io/materialui-daterange-picker/

Usage

npm install materialui-daterange-picker --save
 
# or with yarn 
yarn add materialui-daterange-picker

Screenshot

Basic example

import React from "react";
import { DateRangePicker, DateRange } from "materialui-daterange-picker";
 
type Props = {}
 
const App: React.FunctionComponent<Props> = props => {
  const [open, setOpen] = React.useState(false);
  const [dateRange, setDateRange] = React.useState<DateRange>({});
 
  const toggle = () => setOpen(!open);
 
  return (
    <DateRangePicker
      open={open}
      toggle={toggle}
      onChange={(range) => setDateRange(range)}
    />
  );
}
 
export default App;

Types

interface DateRange {
    startDate?: Date,
    endDate?: Date
}
 
interface DefinedRange {
    label: string,
    startDate: Date,
    endDate: Date
}

Props

Name Type Required Default value Description
onChange (DateRange) => void required - handler function for providing selected date range
toggle () => void required - function to show / hide the DateRangePicker
initialDateRange DateRange optional {} initially selected date range
minDate Date or string optional 10 years ago min date allowed in range
maxDate Date or string optional 10 years from now max date allowed in range
definedRanges DefinedRange[] optional - custom defined ranges to show in the list
closeOnClickOutside boolean optional true defines if DateRangePicker will be closed when clicking outside of it
wrapperClassName object optional undefined defines additional wrapper style classes

Install

npm i materialui-daterange-picker-i18n

DownloadsWeekly Downloads

13

Version

1.1.19

License

MIT

Unpacked Size

1.15 MB

Total Files

34

Last publish

Collaborators

  • avatar