modern-now

Back

Calendar

Introduction

Simple calendars powered by intl extension. Styling should work well as long as your tables have proper default styles.

Demo

Standalone calendar using default locale. Use current date as default value if not set.

Display a custom month, using specific locale, with built in provided translations from intl extension. Try changing data-value or data-display!

Setting a custom value (!= today)

Enable navigation with controls:true and do something on click. Requires a little bit of css to adjust the buttons. Min date = 2025-02 / Disabled date = weekends. Inner value and display value are separated in two attributes.

Bind to input: save value into hidden input, but display a d/m/Y value.

Input date replacement (no markup) with min date

Input date replacement (no markup) with custom lang

Input date replacement (no markup) with exotic lang

Input date replacement (no markup) disabled

Input

Inline calendar in italian