This is a web application demonstrating the capabilities of the @pphatdev/format-datetime library. It provides interactive tools for working with Cambodian date and time formats, including a fully synchronized Khmer Lunar Calendar.
- Khmer Lunar Calendar: A fully interactive calendar synchronized with the Khmer lunar cycle.
- Date/Time Formatting: Demonstrates various formatting options for Cambodian dates, times, and numbers.
- Dark/Light Mode: Full support for system and user-toggled themes.
- Responsive Design: Built with modern web practices, responsive on mobile devices and desktops.
- Next.js - React framework
- Tailwind CSS - Utility-first CSS framework
- Lucide React - Icons
- next-themes - Dark mode support
- @pphatdev/format-datetime - Core library for Khmer date/time manipulation
First, install the dependencies:
npm installThen, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
The main entry points are:
src/app/page.tsx: The home page for date/time formatting.src/app/calendar/page.tsx: The Khmer Lunar Calendar page.src/components/: Reusable React components including the calendar widgets.
This app can be deployed anywhere Next.js is supported, such as Vercel.