A responsive and user-friendly web component for selecting and displaying date and time ranges with both predefined options and custom inputs.

The Date & Time Picker is a lightweight, browser-based UI component that allows users to easily select date and time ranges. It includes predefined options like "Today," "Last 7 Days," and "This Month," and also supports manual selection through input fields. Once a range is selected, the component displays the formatted date-time range for user confirmation. Designed with simplicity and responsiveness in mind, it works across desktop and mobile browsers. This project is ideal for dashboards, analytics tools, and scheduling interfaces where intuitive date-time selection is required.

• index.html: Contains the full HTML structure with embedded CSS and JavaScript for:

  • Predefined buttons (Today, Last 7 Days, This Month)

  • Input fields for custom start and end date-time

  • Logic to calculate and display the selected range

  • Responsive styling for usability on all devices

1. Download or clone the repository.

2. Open index.html in any modern web browser.

3. Select a predefined date range by clicking a button (e.g., "Today").

4. Optionally, adjust the start and end date-time fields manually.

5. Click the "Show Range" button to display the selected date-time range below the form.

Date & Time Picker

Overview

A clean and responsive web-based Date & Time Picker tool that supports both predefined and custom range selection.

? Features

• Predefined ranges: Today, Last 7 Days, This Month
• ? Manual start and end date-time inputs
• ? Show selected range on button click
• ? Responsive and simple interface

? Files

• index.html – Main file with HTML, CSS, and JS integrated

? Usage

1. Clone or download this repository.
2. Open index.html in a browser.
3. Click on a predefined range or use custom inputs.
4. Click "Show Range" to display your selection.

? Installation

No setup required. Just open the HTML file in your browser.

? Contributing

Contributions are welcome via pull requests or issues.

? License

MIT License