Beautiful multi-language calendar with Ethiopian, Gregorian & Islamic support
Beautiful gradients, animations, and responsive design
Ethiopian, Gregorian, and Islamic calendars
English, Amharic, and Afaan Oromo support
HTML/JS, React, Next.js, Python, PHP
Complete form integration with input fields
Simple APIs and auto-initialization
Experience the power of our DatePicker with different calendar systems
<link rel="stylesheet" href="css/modern-calendar.css">
<link rel="stylesheet" href="css/datepicker.css">
<script src="js/modern-calendar.js"></script>
<script src="js/datepicker.js"></script>
<div id="calendar"></div>
<input type="text" id="datepicker">
<script>
new ModernCalendar('#calendar', {
calendar: 'ethiopian',
language: 'am'
});
new ModernDatePicker('#datepicker', {
calendar: 'ethiopian',
language: 'am'
});
</script>import ModernCalendar from './ModernCalendar';
function App() {
return (
<ModernCalendar
calendar="ethiopian"
language="am"
theme="green"
onDateSelect={(date) => {
console.log('Selected:', date);
}}
/>
);
}from modern_calendar import ModernCalendar
calendar = ModernCalendar('ethiopian', 'am')
today = calendar.today()
formatted = calendar.format_date(today)
print(f"Today: {formatted}")
# Date operations
future = calendar.add_days(today, 30)
print(f"30 days later: {calendar.format_date(future)}")<?php
require_once 'ModernCalendar.php';
$calendar = new ModernCalendar('ethiopian', 'am');
$today = $calendar->today();
echo "Today: " . $calendar->formatDate($today);
// Generate HTML calendar
echo $calendar->generateHtmlCalendar(2024, 1);
?>Complete project structure with documentation, examples, and multi-language support