npm install @ngx-tiny/time-picker

@ngx-tiny/time-picker

!minzipped size
!last commit
!licence

!Time Picker Inline

Angular Time Picker.

* Angular 10 implementation
* Works with SSR
* Works alone or with angular forms
* Depends on time-fns for localization
* Themeable to own requirements

Installation

sh

$ npm i @ngx-tiny/time-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/time-picker --save





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

typescript



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

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

    import { NgxTimePickerModule } from '@ngx-tiny/time-picker';



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



    @NgModule({

        imports: [BrowserModule, NgxTimePickerModule],

        declarations: [AppComponent],

        bootstrap: [AppComponent]

    })



    export class AppModule { }



 4. Add the component to your view for basic

html

    

        Single Time

                    [ngxTimePicker]="timeInstanceSingle" 

            [value]="singleDate"

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



    or for Angular forms

html 

    

        

            Single Date

                            formControlName="singleDate"

                [ngxTimePicker]="timeInstanceOne" >

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

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