0.0.14 • Published 3 years ago
angulartypingcalendar v0.0.14
Angulartypingcalendar
This library was generated with Angular CLI version 8.2.14.
Demo
FormatTypeLeft
FormatTypeRight
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 { }
FormatTypeLeft
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 |
FormatTypeRight
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 |