Skip to content
Xng UI
Docs CDK Components Tools Contribute About

Datepicker

@xngui/components/datepicker
@xngui/components/datepicker

Input + calendar overlay date control.

Preview

Pick a date, time, or both depending on mode.

import { Component } from '@angular/core';
import { XDatepicker } from '@xngui/components/datepicker';
import { XForm } from '@xngui/components/form';
import { XFormField } from '@xngui/components/form-field';
 
@Component({
selector: 'app-example',
imports: [XDatepicker, XForm, XFormField],
templateUrl: './datepicker.component.html',
})
export class ExampleComponent {}

Events

Interact with the preview — events will appear here.