0.0.14 • Published 5 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 |