Add autocomplete and clarify type parameters for text selector (#24715)

This commit is contained in:
Steve Repsher 2022-11-15 14:44:40 -05:00 committed by GitHub
parent 4c800a0162
commit 022c835d2f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 9 deletions

1
.vscode/cSpell.json vendored
View File

@ -56,6 +56,7 @@
"Lutron", "Lutron",
"macos", "macos",
"Meteobridge", "Meteobridge",
"mireds",
"Modbus", "Modbus",
"Mosquitto", "Mosquitto",
"Multiday", "Multiday",

View File

@ -216,7 +216,7 @@ area:
## Attribute selector ## Attribute selector
The attributes selector shows a list of state attribites from a provided entity The attributes selector shows a list of state attributes from a provided entity
of which one can be selected. of which one can be selected.
This allows for selecting, e.g., the "Effect" attribute from a light entity, or the This allows for selecting, e.g., the "Effect" attribute from a light entity, or the
@ -314,7 +314,7 @@ This selector does not have any other options; therefore, it only has its key.
date: date:
``` ```
The output of this selector is will contain the date in Year-Month-Day The output of this selector will contain the date in Year-Month-Day
(`YYYY-MM-DD`) format, for example, `2022-02-22`. (`YYYY-MM-DD`) format, for example, `2022-02-22`.
## Date & time selector ## Date & time selector
@ -330,7 +330,7 @@ This selector does not have any other options; therefore, it only has its key.
datetime: datetime:
``` ```
The output of this selector is will contain the date in Year-Month-Day The output of this selector will contain the date in Year-Month-Day
(`YYYY-MM-DD`) format and the time in 24-hour format, for example: (`YYYY-MM-DD`) format and the time in 24-hour format, for example:
`2022-02-22 13:30:00`. `2022-02-22 13:30:00`.
@ -619,7 +619,7 @@ radius: 500 # Only provided when radius was set to true.
The media selector is a powerful selector that allows a user to easily select The media selector is a powerful selector that allows a user to easily select
media to play on a media device. Media can be a lot of things, for example, media to play on a media device. Media can be a lot of things, for example,
cameras, local media, text-to-speech, Home Assistant Dashboads, and many more. cameras, local media, text-to-speech, Home Assistant Dashboards, and many more.
The user selects the device to play media on, and automatically limits the The user selects the device to play media on, and automatically limits the
selectable media suitable for the selected device. selectable media suitable for the selected device.
@ -1013,11 +1013,19 @@ suffix:
required: false required: false
type: type:
description: > description: >
The type of input. This is a browser hint, which can improve The type of input. This supplies the [HTML `type` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types),
the client-side validation of the input. The value isn't validated which controls how the browser displays and validates the field. A subset of types available to the attribute are supported,
by the backend. Possible types are: since some are handled by other selectors. Possible types are:
`color`, `date`, `datetime-local`, `email`, `month`, `number`, `password`, `search`, `tel`, `text`, `time`, `url`, `week`. `color`, `date`, `datetime-local`, `email`, `month`, `number`, `password`, `search`, `tel`, `text`, `time`, `url`, `week`.
type: string type: string
default: text
required: false
autocomplete:
description: >
Guides the browser on the type of information which should automatically fill the field.
This supplies the [HTML `autocomplete` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).
Any value supported by the HTML attribute is valid.
type: string
required: false required: false
{% endconfiguration %} {% endconfiguration %}
@ -1036,7 +1044,7 @@ theme:
This selector does not have any other options; therefore, it only has its key. This selector does not have any other options; therefore, it only has its key.
The output of this selector is will contain the selected theme, for example: The output of this selector will contain the selected theme, for example:
`waves_dark`. `waves_dark`.
## Time selector ## Time selector
@ -1052,5 +1060,5 @@ This selector does not have any other options; therefore, it only has its key.
time: time:
``` ```
The output of this selector is will contain the time in 24-hour format, The output of this selector will contain the time in 24-hour format,
for example, `23:59:59`. for example, `23:59:59`.