@trackpilots/week-picker

!npm
!license
!downloads

A customizable week picker component built with React and Tailwind CSS.

✨ Screenshots

!Screenshot
---

🚀 Installation

You can install the package using npm or yarn:

$3

``sh
npm install @trackpilots/week-picker

or

yarn add @trackpilots/week-picker
`

Make sure Tailwind CSS is installed in your project.

📌 Usage

Use in Your Component
`sh
import React, { useState } from "react";
import WeekPicker from "@trackpilots/week-picker";

const App = () => {
const [selectedWeek, setSelectedWeek] = useState(null);

const handleChange = (week) => {
setSelectedWeek(week);
console.log("Selected Week:", week);
};


return (

Date Picker

onChange={handleChange}
/>

Selected Week: {selectedWeek ? selectedWeek.week : "None"}

);
};

export default App;
`

📌 DateFilter Component

A React Select component that allows users to choose a Week

⚙️ Props

| Prop Name | Type | Default | Description |
|---------------|------------------|----------------|----------------------------------|
| onChange | function | () => {} | Triggered when a Week is selected. |
---

✨ Example

`sh
onChange={(Week) => console.log("Selected Week:", week)}
/>
`

📦 Dependencies

- React
- Tailwind CSS
- react-icons (for IoCalendarOutline` icon)

📌 Maintainers

These packages are maintained by Quick App Studio Developers.

📄 License

This project is licensed under the MIT License.