DevExtreme Multi-Calendar

Live visual tests for the fork that teaches DevExtreme to display, accept and group dates in the Gregorian, Persian (Jalali) and Arabic (Hijri) calendars.

Every page has a calendar, language and theme picker at the top. Switching the calendar changes only what you see — the stored values stay native proleptic-Gregorian Date objects.

Visual tests

Editors, grids & scheduler

Date input in every picker mode, plus display, editing, filtering and grouping across the data components.

  • dxDateBox
  • dxDateRangeBox
  • dxCalendar
  • dxDataGrid
  • dxScheduler
  • dxPivotGrid

Charts & chat

Datetime axis labels and tick placement that land on calendar boundaries, and calendar-aware chat day headers.

  • dxChart
  • dxChat

Gantt

A calendar-aware Gantt with a two-tier timeline scale, dependencies, drag and resize, and dependency-aware auto-scheduling.

  • dxGanttMultiCalendar

Demo gallery

DevExtreme demos

The five multi-calendar demos from the DevExtreme demo suite, built from this fork in React and Vue.

  • DataGrid
  • Scheduler
  • Calendar
  • DateBox
  • DateRangeBox