chore: bump version to 1.1.0 and update documentation

- Bump version from 1.0.5 to 1.1.0
- Add version 1.1.0 features to README
- Link to USAGE_GUIDE.md for detailed documentation
- Add locale and color scheme examples
master
Guillermo Pages 4 months ago
parent 7059f68a0b
commit 5e6720b9e7

@ -2,6 +2,14 @@
A modern, flexible, and highly customizable calendar component library for React with TypeScript support.
## 🆕 Version 1.1.0 Features
- 🌍 **International Locale Support**: Full internationalization with 50+ languages via date-fns
- 🎨 **Comprehensive Color Schemes**: Complete control over colors for every state (default, selecting, selected, range start/end/mid, active) and day type (weekday/weekend)
- 🎯 **Enhanced Weekend Support**: Distinct colors for weekends in all selection states
📖 **[View the complete Usage Guide](./USAGE_GUIDE.md)** for detailed examples of the new features!
## Features
- 📅 **Multiple Views**: Year, Month, Week, and custom date ranges
@ -9,7 +17,8 @@ A modern, flexible, and highly customizable calendar component library for React
- 🔍 **Interactive**: Date selection, range picking, and click handlers
- 📱 **Responsive**: Works on all screen sizes
- 🎯 **TypeScript**: Full type safety and IntelliSense support
- 🎨 **Themeable**: Customizable colors and styles
- 🌍 **i18n Support**: Locale-aware with date-fns locales
- 🎨 **Advanced Theming**: Comprehensive color customization system
- 📦 **Lightweight**: Minimal dependencies
## Installation
@ -41,6 +50,39 @@ function App() {
}
```
### With Locale and Custom Colors (v1.1.0+)
```tsx
import { Year } from 'react-calendario';
import { fr } from 'date-fns/locale';
const colorScheme = [
{
type: 'weekday',
state: 'default',
colors: {
header: { backgroundColor: '#2c3e50', color: '#ffffff' },
content: { backgroundColor: '#ffffff', color: '#2c3e50' }
}
},
{
type: 'weekend',
state: 'default',
colors: {
header: { backgroundColor: '#95a5a6', color: '#ffffff' },
content: { backgroundColor: '#ecf0f1', color: '#34495e' }
}
}
// ... more states
];
<Year
year={2025}
locale={fr} // French locale
colorScheme={colorScheme} // Custom colors
/>
```
## Components
### Year

@ -1,6 +1,6 @@
{
"name": "react-calendario",
"version": "1.0.5",
"version": "1.1.0",
"description": "A modern, flexible calendar component for React with TypeScript support",
"type": "module",
"main": "dist/index.umd.js",

Loading…
Cancel
Save