Angulartypingcalendar
This library was generated with Angular CLI version 8.2.14.
Demo
FormatType[Left]
FormatType[Right]
Html File
<angulartypingcalendar
Placeholder='Enter The Date'
InputClass='BharatClass'
Format='D-MM-YYYY'
ParentClassName=''
FormatType='Left'
AutoFocus='false'
Disabled='false'
InputValue=''
(OnFocusOut)='ValidateDate($event)'
(OnChange)='OnChange($event)'
>
</angulartypingcalendar>
Module.ts File
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AngulartypingcalendarComponent} from 'angulartypingcalendar'
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent,
AngulartypingcalendarComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
FormatType[Left]
Supported Format |
D-MM-YYYY |
D:MM:YYYY |
D/MM/YYYY |
d/mm/yyyy |
d:mm/yyyy |
d-mm-yyyy |
M-DD-YYYY |
M:DD:YYYY |
M/DD/YYYY |
m/dd/yyyy |
m:dd:yyyy |
m-dd-yyyy |
FormatType[Right]
Supported Format |
YYY-DD-MM |
YYY:DD:MM |
YYY/DD/MM |
yyy/dd/mm |
yyy:dd:mm |
yyy-dd-mm |
YYY-MM-DD |
YYY:MM:DD |
YYY/MM/DD |
yyy/mm/dd |
yyy:mm/dd |
yyy-mm-dd |
@Input
Input |
Default |
Required |
Placeholder |
Enter The Date |
Non-Mandatory |
InputClass |
|
Non-Mandatory |
Format |
D-MM-YYYY |
Non-Mandatory |
ParentClassName |
|
Non-Mandatory |
FormatType |
'Left' |
Non-Mandatory |
AutoFocus |
'false' |
Non-Mandatory |
Disabled |
'false' |
Non-Mandatory |
InputValue |
|
Non-Mandatory |
@Output
Output |
Default |
Required |
(OnFocusOut) |
function |
Mandatory |
(OnChange) |
function |
Mandatory |