angulartypingcalendar

This library was generated with Angular CLI version 8.2.14.

Usage no npm install needed!

<script type="module">
  import angulartypingcalendar from 'https://cdn.skypack.dev/angulartypingcalendar';
</script>

README

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