DevExtreme React - 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".

jQuery
JavaScript
$(function() {
    $("#dateBoxContainer").dxDateBox({
        value: new Date(),
        type: "date",
        pickerType: "calendar",
        applyValueMode: "useButtons" // or "instantly"
    });
});
Angular
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