0.0.14 • Published 3 years ago

angulartypingcalendar v0.0.14

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

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

InputDefaultRequired
PlaceholderEnter The DateNon-Mandatory
InputClassNon-Mandatory
FormatD-MM-YYYYNon-Mandatory
ParentClassNameNon-Mandatory
FormatType'Left'Non-Mandatory
AutoFocus'false'Non-Mandatory
Disabled'false'Non-Mandatory
InputValueNon-Mandatory

@Output

OutputDefaultRequired
(OnFocusOut)functionMandatory
(OnChange)functionMandatory