# Flatpickr Elegant Theme
A flatpickr plugin with an elegant theme and Sunday highlight feature.
- **Elegant Theme**: Modern and clean visual design for flatpickr
- **Sunday Highlight**: Automatically highlights Sundays
## 📦 Installation
### Via NPM
```bash
npm install flatpickr-elegant-theme
```
### Via CDN
```html
```
## 🚀 Usage
### Basic Usage
```javascript
import flatpickr from "flatpickr";
import SundayHighlightPlugin from "flatpickr-elegant-theme";
import "flatpickr-elegant-theme/dist/flatpickr-elegant-theme.css";
flatpickr("#calendar", {
plugins: [SundayHighlightPlugin()],
});
```
### With Custom Options
```javascript
flatpickr("#calendar", {
plugins: [
SundayHighlightPlugin({
sundayClass: "custom-sunday-class",
weekdayClass: "custom-weekday-class",
}),
],
});
```
### HTML
```html
```
## ⚙️ Plugin Options
| Option | Type | Default | Description |
| -------------- | -------- | --------------------- | ----------------------------------------- |
| `sundayClass` | `string` | `"fp-sunday"` | CSS class for Sunday days in the calendar |
| `weekdayClass` | `string` | `"fp-weekday-sunday"` | CSS class for Sunday header |
## 🎨 CSS Customization
You can override default styles by adding custom CSS:
```css
/* Change Sunday highlight color */
.flatpickr-day.fp-sunday {
background-color: #your-color;
color: #your-text-color;
}
/* Change Sunday header style */
.flatpickr-weekday.fp-weekday-sunday {
color: #your-color;
font-weight: bold;
}
```
## 📄 License
MIT License - see the [LICENSE](LICENSE) file for full details.
---
Give a ⭐️ if this project helped you!
Happy Coding