diff --git a/components/dateinput/overview.md b/components/dateinput/overview.md index b549f22bdf..5e3448289e 100644 --- a/components/dateinput/overview.md +++ b/components/dateinput/overview.md @@ -47,21 +47,21 @@ The Blazor Date Input generates events that you can handle and further customize You can ensure that the component value is acceptable by using the built-in validation. [Read more about input validation...]({%slug common-features/input-validation%}). -## Parameters +## Date Input Parameters @[template](/_contentTemplates/common/parameters-table-styles.md#table-layout) | Attribute | Type and Default Value | Description | -|----------|----------|----------| -| `DebounceDelay` | `int`
150 | Time in milliseconds between the last typed symbol and the value update. Use it to balance between client-side performance and number of database queries. -|`Enabled`| `bool` |Defines if the `DateInput` is enabled| -|`Format`|`string`|The date format that the user input must match. Read more in the [Supported Formats]({%slug components/dateinput/supported-formats%}) article.| -|`Id`|`string`|Maps to the `id` HTML attribute of the `input`| -|`Value`|`T` - expects a `DateTime` object|The value of the `DateInput`| -|`TabIndex`|`int`|maps to the `tabindex` attribute of the HTML element. You can use it to customize the order in which the inputs in your form focus with the `Tab` key.| -|`Placeholder`|`string`|maps to the `placeholder` attribute of the HTML element. The `Placeholder` will appear if the component is bound to nullable DateTime object - `DateTime?`, but will not be rendered if the component is bound to the default value of a non-nullable DateTime object. The Placeholder value will be displayed when the input is not focused. Once the user focuses it to start typing, the Format Placeholder (default or [customized one](#format-placeholder)) will override the Placeholder to indicate the format the date should be entered in| -|`ValidateOn`|`ValidationEvent` enum
`ValidationEvent.Input` | configures the event that will trigger validation (if validation is enabled). Read more at [Validation Modes for Simple Inputs]({%slug common-features/input-validation%}#validation-modes-for-simple-inputs)| - +|---|---|---| +| `AutoComplete` | `string` | The `autocomplete` HTML attribute of the `input`. | +| `DebounceDelay` | `int`
(`150`) | The time in milliseconds between the last typed symbol and the value update. Use it to balance between client-side performance and number of database queries. | +| `Enabled` | `bool` | Defines if the `DateInput` is enabled | +| `Format` | `string`| The date format that the user input must match. Read more in the [Supported Formats]({%slug components/dateinput/supported-formats%}) article. | +| `Id` | `string` | The `id` HTML attribute of the `input` | +| `Placeholder` | `string` | The `placeholder` attribute of the `input` element. The placeholder will appear if the component is bound to nullable DateTime object - `DateTime?`, but will not be rendered if the component is bound to the default value of a non-nullable DateTime object. The Placeholder value will be displayed when the input is not focused. Once the user focuses it to start typing, the Format Placeholder (default or [customized one](#format-placeholder)) will override the Placeholder to indicate the format the date should be entered in. | +| `TabIndex` | `int` | The `tabindex` attribute of the HTML element. You can use it to customize the order in which the inputs in your form focus with the `Tab` key. | +| `ValidateOn` | `ValidationEvent` enum
(`Input`) | The event that will trigger validation (if validation is enabled). Read more at [Validation Modes for Simple Inputs]({%slug common-features/input-validation%}#validation-modes-for-simple-inputs) | +| `Value` | `DateTime` or `DateTime?` | The value of the `DateInput`. Supports two-way binding. | ### Styling and Appearance @@ -76,7 +76,6 @@ You can find more options for customizing the Date Input styling in the [Appeara @[template](/_contentTemplates/date-inputs/format-placeholders.md#format-placeholder) - ## DateTime and Nullable DateTime The behavior of the component will depend on the type of field it is bound to, and this can result in different user experience and values that it will output: diff --git a/components/datepicker/overview.md b/components/datepicker/overview.md index ae1f6318c7..21947c3d26 100644 --- a/components/datepicker/overview.md +++ b/components/datepicker/overview.md @@ -55,27 +55,28 @@ You can ensure that the component value is acceptable by using the built-in vali The DatePicker allows you to customize the rendering of the Calendar popup header. Learn more from the [Header Template article]({%slug datepicker-header-template%}). -## Parameters +## Date Picker Parameters The Blazor Date Picker provides various parameters that allow you to configure the component: @[template](/_contentTemplates/common/parameters-table-styles.md#table-layout) | Attribute | Type and Default Value | Description | -|----------|----------|----------| -| `BottomView` | ` CalendarView`
`CalendarView.Month` | Defines the bottommost view in the popup calendar to which the user can navigate to. | -| `DebounceDelay` | `int`
150 | Time in milliseconds between the last typed symbol and the value update. Use it to balance between client-side performance and number of database queries. -| `DisabledDates` | `List` | Specifies a list of dates that can not be selected. | +|---|---|---| +| `AutoComplete` | `string`
(`"off"`) | The `autocomplete` HTML attribute of the `input`. | +| `BottomView` | ` CalendarView` enum
(`Month`) | Defines the bottommost view in the popup calendar to which the user can navigate to. | +| `DebounceDelay` | `int`
(`150`) | Time in milliseconds between the last typed symbol and the value update. Use it to balance between client-side performance and number of database queries. | +| `DisabledDates` | `List` | A list of dates that cannot be selected. | | `Enabled` | `bool` | Specifies whether typing in the input and clicking the button is allowed. | -| `Format` | `string` | Specifies the format of the DateInput of the DatePicker. [Read more about supported data formats in Telerik DateInput for Blazor UI]({%slug components/dateinput/supported-formats%}) article. | -| `Id` | `string`| Renders as the `id` attribute on the `` element, so you can attach a `