DateTimeEdit

The DateTimeEdit component renders a date/time picker for Dataverse date and time columns. It supports date-only, time-only, and combined date and time modes.

React Blazor

Editor Type

Set EditorType to choose between DateTimeEditorType.DateTime (default), DateTimeEditorType.DateOnly, or DateTimeEditorType.TimeOnly.

React Blazor

Disabling Dates

Use the DisabledDateFunc parameter to provide a function that returns true for dates that should be disabled in the calendar picker.

React Blazor

Example

A basic DateTimeEdit bound to a date/time column.

React example Blazor example React TypeScript Razor
Show date picker
October 2026
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7

Configuration Options

Use the controls below to explore the available properties.

React example Blazor example React TypeScript Razor
Date & TimeDate OnlyTime Only
** Note ** Future dates are disabled based on the DisabledDateFunc.
Show date picker
October 2026
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
React Blazor

DateTimeEdit Class

Parameters

Name
Type
Default
Description
ChildContentRenderFragment?
Child content of the component
ColumnName*string
Column logical name to bind the editor to from the table record.
Descriptionstring?
Description to be displayed in the tooltip.
Disabledbool?
Should the editor be disabled.
DisabledDateFuncFunc<DateTime, bool>?
Function to know if a specific day must be disabled.
DisplayLabelWhenAvailablebool
True
Specifies whether to display a lable if available.
DisplayTooltipWhenAvailablebool
True
Specifies whether to display a tooltip if available.
DisplayValidationErrorMessagebool
True
Should a validation error message be displayed when the component fails validation?
EditorTypeDateTimeEditorType?
Determines which editors are displayed for the column.
IsVisiblebool
True
Is the editor visible.
Labelstring?
Text to be displayed as a label for the editor.
ReadOnlybool?
Should the editor be read-only.
Requiredbool?
Should the value be required.
ShowSecondsbool
False
Whether the time editor shows seconds. By default it shows hours and minutes only: a value with seconds keeps them until the time is changed, which sets them to zero.
ValueDateTime?
Value of the column.
Name: ChildContent
Type: RenderFragment?
Description: Child content of the component
Name: ColumnName*
Type: string
Description: Column logical name to bind the editor to from the table record.
Name: Description
Type: string?
Description: Description to be displayed in the tooltip.
Name: Disabled
Type: bool?
Description: Should the editor be disabled.
Name: DisabledDateFunc
Type: Func<DateTime, bool>?
Description: Function to know if a specific day must be disabled.
Name: DisplayLabelWhenAvailable
Type: bool
Default: True
Description: Specifies whether to display a lable if available.
Name: DisplayTooltipWhenAvailable
Type: bool
Default: True
Description: Specifies whether to display a tooltip if available.
Name: DisplayValidationErrorMessage
Type: bool
Default: True
Description: Should a validation error message be displayed when the component fails validation?
Name: EditorType
Type: DateTimeEditorType?
Description: Determines which editors are displayed for the column.
Name: IsVisible
Type: bool
Default: True
Description: Is the editor visible.
Name: Label
Type: string?
Description: Text to be displayed as a label for the editor.
Name: ReadOnly
Type: bool?
Description: Should the editor be read-only.
Name: Required
Type: bool?
Description: Should the value be required.
Name: ShowSeconds
Type: bool
Default: False
Description: Whether the time editor shows seconds. By default it shows hours and minutes only: a value with seconds keeps them until the time is changed, which sets them to zero.
Name: Value
Type: DateTime?
Description: Value of the column.

Events

Name
Type
Description
ValueChangedEventCallback<ColumnValueBase>
Gets or sets a callback that updates the bound value.
Name: ValueChanged
Type: EventCallback<ColumnValueBase>
Description: Gets or sets a callback that updates the bound value.

Methods

Name
Parameters
Type
Description
GetValidationErrorsList<string>
Returns a collection of the current validation errors.
Name: GetValidationErrors
Type: List<string>
Description: Returns a collection of the current validation errors.