Install

$ npm install js-calendar-strip
# OR
$ yarn add js-calendar-strip

Usage

The js-calendar-strip package is a versatile calendar strip component designed for seamless integration into web applications. It offers a compact, intuitive display of dates with easily accessible navigation controls. Developers can effortlessly generate and customize date ranges, making it an ideal solution for applications requiring date-based interactions.

Key Features:

• Calendar Strip Display: Presents a visually intuitive strip of dates for easy reference.
• Next and Previous Buttons: Allows users to navigate forward and backward to view different date ranges.
• Customization Options: Offers a range of styling and design options for tailoring the calendar strip to suit specific application aesthetics.
• Date Disabling: Provides the functionality to selectively disable specific dates, offering fine-grained control over user interactions.

import React, { useState } from 'react';
import JsCalendarStrip from 'js-calendar-strip';

const Example = () => {
  const [selectedDate, setSelectedDate] = useState(new Date());

  const handleSelectDate = date => {
    setSelectedDate(date);
  };

  return (
    <div>
      <JsCalendarStrip
        selectedDate={selectedDate}
        onDateChange={handleSelectDate}
      />
    </div>
  );
};