RTL

This feature supports to change the left-to-right alignment of the TimePicker widget to right-to-left when set the EnableRTL as true. By default EnableRTL value is set as “false”. The custom template TimePicker also supports RTL.

Enabling Right-To-Left Support

The following steps explains you in enabling the right-to-left property for the TimePicker.

  1. Add the following code to the corresponding view page to render the TimePicker.
  • cshtml
  • /*ej-Tag Helper code to render TimePicker*/
    
    @*Add the following code example to the corresponding CSHTML page to render TimePicker widget with right to left apperence*@
     
     <ej-time-picker id="time" enable-rtl="true"></ej-time-picker>
  • cshtml
  • /*Razor code to render TimePicker*/
    
        @{Html.EJ().TimePicker("time").EnableRTL(true).Render();}

    NOTE

    To render the TimePicker Control you can use either Razor or Tag helper code as given in the above code snippet.

    The following screenshot illustrates a TimePicker control when EnableRTL is set to “true”

    TimePicker template with RTL support