A customizable week picker component for React, built with Tailwind CSS.
npm install @trackpilots/week-pickersh
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)