DevExtreme Angular - Control the Behavior

The DateBox widget allows an end user to pick or type a value. To specify whether the value should be applied instantly or when a user clicks the Done button, set the applyValueMode option. Note that this option takes effect only when the pickerType is "calendar" or "list".

HTML
TypeScript
  • <dx-date-box
  • [(value)]="date"
  • type="date"
  • pickerType="calendar"
  • applyValueMode="useButtons"> <!-- or "instantly" -->
  • </dx-date-box>
  • import { DxDateBoxModule } from 'devextreme-angular';
  • // ...
  • export class AppComponent {
  • date: Date = new Date()
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxDateBoxModule
  • ],
  • // ...
  • })
See Also