Angular data picker is a highly configurable datapicker and date range picker. The library is implemented as a directive. It is done this way because there are more options to configure it.

mat date range picker, angular date range picker, mat date range input change event, angular datepicker example, angularmaterial datepicker format, mat datepicker toggle

Main Features

• No dependencies for other libraries
• Currently translated into 47 languages
• data picker
• Date range picker
• popup mode
• Embedded mode
• Supports keyboard
• Supports RTL
• Calendar movement (open / close)
• Awesome composition possibilities

Angular Material Date Picker With Range Selection | saturn-datepicker

How to make use of it:

Installation

npm install angular-mydatepicker --save

Add import AngularMyDatePickerModule to NgModule as follows:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AngularMyDatePickerModule } from 'angular-mydatepicker';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, 
    ReactiveFormsModule, 
    FormsModule, 
    AngularMyDatePickerModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

angular-mydatepicker Plugin/Github, angular material time picker dropdown

See Demo And Download

Official Website(kekeh): Click Here

This superior jQuery/javascript plugin is developed by kekeh. For extra Advanced usage, please go to the official website.