Package Exports

mui-input-date-range-picker
mui-input-date-range-picker/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (mui-input-date-range-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

DateRangePicker

A customizable React date range picker component.

Installation
Usage
- Basic Example
Props

Installation

Install the package using npm:

npm i mui-input-date-range-picker

Usage

Basic Example

Here is a simple example of how to use the DateRangePicker component in your React application:

import React, { useState } from "react";
import DateRangePicker from "date-range-picker";

const App = () => {
  const [dateRange, setDateRange] = useState({
    startDate: null,
    endDate: null,
  });

  return (
    <div>
      <h1>Date Range Picker Example</h1>
      <DateRangePicker value={dateRange} onChange={setDateRange} />
    </div>
  );
};

export default App;

Props

Name	Type	Default	Description
onChange	func	null	Callback function to handle the date range change.
initialDateRange	object	{}	Initial date range with startDate and endDate.
minDate	date	new Date(2000, 0, 1)	Minimum selectable date.
maxDate	date	new Date(2030, 11, 31)	Maximum selectable date.
highlightColor	string	"#1faf4a"	Color used to highlight selected dates.
timezone	string	America/New_York	Time zone for the date range picker.
label	string	"Select date range"	Label for the date range picker input field.

JSPM

mui-input-date-range-picker