The JavaScript Calendar supports RTL (right-to-left) text direction.

JavaScript

Use the rtl property to change the text direction in the Calendar component.

<div id="calendar"></div>

<script>
  const calendar = new DayPilot.Calendar("calendar", {
    rtl: true,
    // ...
  });
  calendar.init();
</script>

Demo

ASP.NET WebForms

Use Direction property. It supports three values:

  • RTL

  • LTR

  • Auto (detected from the culture of the current thread)

<DayPilot:DayPilotCalendar runat="server" ID="DayPilotCalendar1"
  Direction="RTL"
  ...
/>

ASP.NET MVC

Use Direction property. It supports three values:

  • RTL

  • LTR

  • Auto (detected from the culture of the current thread)

MVC View

@Html.DayPilotCalendar("dpc", new DayPilotCalendarConfig { 

  // ...
  Direction = TextDirection.RTL,
  // ...
	
})