srushti-9 / weekday-range-date-picker

Weekday Range Date Picker

Summary

The Weekday Range Date Picker is a React component-based application that allows users to select date ranges while excluding weekends. It provides a user-friendly interface for selecting start and end dates within a calendar grid, with options for predefined date ranges. This application is useful for scenarios where date ranges need to be selected for scheduling, planning, or reporting purposes, while ensuring that weekends are excluded from the selection.

Technologies Used

• React: A JavaScript library for building user interfaces.
• TypeScript: A statically typed superset of JavaScript that adds optional types to the language.
• Vite: A fast, modern build tool that provides near-instantaneous hot module replacement (HMR) during development.
• ESLint: A pluggable linting utility for JavaScript and JSX.
• Prettier: An opinionated code formatter that ensures consistent code style across your project.
• CSS (Tailwind CSS): A utility-first CSS framework for quickly building custom designs.
• GitHub: A web-based hosting service for version control using Git.

Features

• Select start and end dates within a calendar grid.
• Exclude weekends (Saturday and Sunday) from date range selections.
• Predefined date ranges for quick selection.
• User-friendly interface with navigation controls for switching between months and years.
• Visual indication of selected dates and hover effects for improved usability.
• Utilization of React hooks for managing component state and lifecycle methods.
• Change handler function returns the selected date range and weekend dates within that range.

Usage

1. Install dependencies:

npm install

2. Run the development server:

npm run dev

Contributing

Contributions are welcome! Please fork the repository and submit a pull request with your changes.