npm install @ngx-tiny/date-picker

@ngx-tiny/date-picker

!minzipped size
!last commit
!licence

!Date Picker Inline

Angular Date Picker.

* Angular 10 implementation
* Works with SSR
* Works alone or with angular forms
* Only Depends on date-fns for localization
* Single Or Range Selection
* Themeable to own requirements

Installation

sh

$ npm i @ngx-tiny/date-picker







Documentation



__Full Docs:__



You can find the full documentation at https://aavanzyl.github.io/ngx-tiny which includes

* Installation instructions

* Usage and Demos

* Styling Reference

* API Reference



__Quick Start:__



1. Install with npm:

npm install @ngx-tiny/date-picker --save





2. Add __NgxDatePickerModule__ to your __@NgModule__ like example below

typescript



    import { NgModule } from '@angular/core';

    import { BrowserModule } from '@angular/platform-browser';

    import { NgxDatePickerModule } from '@ngx-tiny/date-picker';



    import { AppComponent } from './app.component';



    @NgModule({

        imports: [BrowserModule, NgxDatePickerModule],

        declarations: [AppComponent],

        bootstrap: [AppComponent]

    })



    export class AppModule { }



 4. Add the component to your view for basic

html

    

        Single Date

                    [ngxDatePicker]="dateInstanceSingle" 

            [value]="singleDate"

            (valueChange)="onChangeSingle($event)">



    or for Angular forms

html 

    

        

            Single Date

                            formControlName="singleDate"

                [ngxDatePicker]="dateInstanceOne" >

``
The examples above are quite basic. The picker has much more features and configurations.

Check Out Ngx-Tiny Other Projects

- @ngx-tiny/single-select
- @ngx-tiny/multi-select
- @ngx-tiny/quill-editor
- @ngx-tiny/switch-input
- @ngx-tiny/date-picker
- @ngx-tiny/ngx-time-picker
- @ngx-tiny/code-highlight
- @ngx-tiny/tabs
- @ngx-tiny/clipboard

Support

Support me by becoming a patron and buying me a beer :)

License

See the [LICENSE][license] file.

[license]: /LICENSE
[contributing]: /CONTRIBUTING.md
[docs]: /DOCUMENTATION.md