Code for amlich.app and <lunar-cal> custom element. A Lunisolar calendar.
APACHE-2.0 License
Code for applich.app (Lunisolar calendar)
<lunar-cal>
Custom ElementExample:
<lunar-cal timezone="07:00" initial-date="2024-09-02" details-visible>
<h1>Âm Lịch Việt Nam</h1>
<datalist slot="public-holidays">
<!-- additional public holidays which are not fixed and dependant on the govement's decision -->
<option value="LUNAR--12-29">🌸 29 Tháng Chạp 🌸</option>
<option value="LUNAR--01-04">🌸 Mùng 4 Tết Nguyên Đán 🌸</option>
<option value="LUNAR--01-05">🌸 Mùng 5 Tết Nguyên Đán 🌸</option>
<option value="SOLAR--09-03">🇻🇳 Lễ Quốc Khánh 🇻🇳</option>
<option value="SOLAR--12-25">🎄 Lễ Giáng Sinh 🎄</option>
</datalist>
</lunar-cal>
These attributes are optional
details-visible
: (Boolean attribute) If set, the today's details will be visible.initial-date
: Initial date and month for the calendar. A Date() parsable string. (Eg: 2024-01-01
, 2025-12-25
)timezone
: Timezone to calculate the lunar date. (Eg: 7
, +08:00
, -05:00
)<lunar-cal>
custom element (Web component)prefer-color-scheme
for dark and light mode© 2024 Trần Trọng Thanh (int3ractive.com). Apache 2.0 license.