RTL in EJ 1 Angular timepicker (TimePicker)

13 Sep 2017 / 1 minute to read

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”