mikiyasegaye/React-Ethiopian-Date-Picker
Domain:
natural language processingRecord type:
software
Creator:
mik
Host:
# React Ethiopian Date Picker 🇪🇹
A modern, accessible Ethiopian date picker component built with React and TypeScript. Features full Amharic language support, accurate Ethiopian calendar conversions, and a clean, robust API.
## ✨ Features
- 🇪🇹 **Full Ethiopian Calendar Support** - Accurate Ethiopian date conversions
- 🗣️ **Amharic Language** - Complete Amharic interface with proper fonts
- 🎨 **Modern UI** - Beautiful design with Tailwind CSS
- ♿ **Accessible** - WCAG compliant with keyboard navigation
- 📱 **Responsive** - Works perfectly on all device sizes
- ⚡ **Fast & Lightweight** - Optimized for performance
- 🔧 **Customizable** - Easy to customize colors, sizes, and behavior
- 🧪 **TypeScript** - Full type safety and IntelliSense support
- 🔄 **Fluent API** - Clean and intuitive date conversion methods
## 🚀 Quick Start
### Installation
```bash
# Install from npm
npm install react-ethiopian-date-picker
# Or using yarn
yarn add react-ethiopian-date-picker
```
### Basic Usage
```tsx
import React, { useState } from "react";
import {
EthiopianDatePicker,
dateConverter,
} from "react-ethiopian-date-picker";
// Import styles (optional - included automatically)
import "react-ethiopian-date-picker/dist/style.css";
function App() {
const [selectedDate, setSelectedDate] = useState (null);
const handleDateChange = (date: Date | null) => {
setSelectedDate(date);
if (date) {
// Convert to Ethiopian date
const ethiopian = dateConverter.toEthiopian(date);
console.log("Ethiopian date:", ethiopian.toString());
}
};
return (
);
}
```
### Development Setup
```bash
# Clone the repository
git clone github.com
cd react-ethiopian-date-picker
# Install dependencies
npm install
# Start development server
npm run dev
```
### Basic Usage
```tsx
import React, { useState } from "react";
import EthiopianDatePicker from "./components/EthiopianDatePicker";
function App() {
const [selectedDate, setSelectedDate] = useState (n …