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

JavaScript

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

<div id="dp"></div>

<script type="text/javascript">
  var dp = new DayPilot.Calendar("dp");
  dp.rtl = true;
  // ...
  dp.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,
  // ...
	
})