Ngb-material-datepicker NPM

ngb-material-datepicker

Notice

This ngb-material-datepicker v1.0.0 outputs only the date. Time output will be implemented in v2.0.0.
Check the development roadmap for more information.

Dependencies

Quick start

$ npm install --save ngb-material-datepicker

Usage

import { NgbMaterialDatepickerService } from 'ngb-material-datepicker';

@Component({
    selector: 'app-example',
    templateUrl: './example.component.html',
    styleUrls: ['./example.component.scss'],
})
export class AppComponent {
    public date: string;

    constructor(private _datepicker: NgbMaterialDatepickerService) {}

    public open() {
        // Open Datepicker.
        const datepickerRef = this._datepicker.open();

        // Receive value
        datepickerRef.subscribe((v) => {
            // Null if closed or canceld.
            if (v == null) {
                return;
            }

            this.date = v;
        });
    }
}

Configuration

Name	Type	Default	Description
initializeValue	Date \| undefined	Current time	Initial value when opening Datepicker.
headerColor	string \| undefined	#8CC24A	Set the background color of the header.
headerTextColor	string \| undefined	#000000(Black) or #FFFFFF(White)	Set the text color of the header. If not specified, the appropriate color will be generated from the contrast ratio with the background color.
dateColor	string \| undefined	#689F37	Set the background color of the date area.
dateTextColor	string \| undefined	#000000(Black) or #FFFFFF(White)	Set the text color of the date area. If not specified, the appropriate color will be generated from the contrast ratio with the background color.
outputFormat	string \| undefined	yyyy-MM-dd HH:mm:ss	Sets the output format for the selected date. Please use the format date-fns.

Development Roadmap

v1.0.0(Current Version)
- Only the date can be output. Time cannot be output.
v2.0.0
- Implement a time picker. You will be able to output the time.

LICENSE

The MIT License (see the LICENSE file for the full text)

tslib

@everything-registry/sub-chunk-2279 @infinitebrahmanuniverse/nolb-ngb

1.0.0

3 years ago