@trackpilots/week-picker

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

✨ Screenshots

🚀 Installation

You can install the package using npm or yarn:

Using npm

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

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 (
    <div className="p-4">
      <h2 className="text-lg font-bold">Date Picker</h2>
      <WeekPicker
        onChange={handleChange}
      />
      <p>Selected Week: {selectedWeek ? selectedWeek.week : "None"}</p>
    </div>
  );
};

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

<WeekPicker 
  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.