Logo Lanfrica

mikiyasegaye/React-Ethiopian-Date-Picker

Domaine:

natural language processing

Type de record:

software
Créateur:
mik
HĂ´te:
# 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 …

Languages

Licenses