jqwidgets-framework/demos/angular/app/datetimeinput/animation/app.component.ts

jQWidgets is an advanced jQuery, Angular, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

import { Component, ViewChild } from '@angular/core';

import { jqxDateTimeInputComponent } from '../../../jqwidgets-ts/angular_jqxdatetimeinput';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})

export class AppComponent { 
    @ViewChild('myDateTimeInput') myDateTimeInput: jqxDateTimeInputComponent;

    count: number = 0;

    noneAnimationBtn() {
        this.myDateTimeInput.animationType('none');
    }

    slideAnimationBtn() {
       this.myDateTimeInput.animationType('slide');
    }

    // avoids unnecessary overwrite in the beggining
    fadeAnimationBtn() {
        if(this.count !== 0)
          this.myDateTimeInput.animationType('fade');
        this.count = 1;
    }
}