RTL

This feature supports to change the left-to-right alignment of the TimePicker widget to right-to-left(RTL). 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.

In the HTML page, add a <input> element to configure TimePicker widget.

  • html
  • <div align="center">
         <input type="text" ej-timepicker [(ngModel)]="value" [(enableRTL)]="rtl"/>
         </div>
  • html
  • import { Component } from '@angular/core';
    @Component({
      selector: 'ej-app',
      templateUrl: './rtl.component.html'
    })
    export class RTLComponent {
        rtl: boolean;
        constructor() {
            this.rtl = true;
        }
    }

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