Skip to content

Commit 68a604e

Browse files
add date input tips
1 parent eb46090 commit 68a604e

2 files changed

Lines changed: 24 additions & 0 deletions

File tree

src/essentials-for-yootheme-pro/addons/forms/elements/input.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,6 +94,10 @@ Browser does not apply any validation other than the user agent's interface, whe
9494
| _Max_ | The maximum date that the input value must constrain to, `lower than` or `equal to`. | ✓ | ✓ | ✓ |
9595
<!--@include: ./common-element-validation.md-->
9696

97+
::: tip
98+
When using dynamic values for date fields, always format them as `Y-m-d` (e.g., 2026-06-22).
99+
:::
100+
97101
## Input Email Element {#input-email}
98102

99103
Child of [Input Element](#input), the **Input Email Element** displays a [\<input type="email"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email) HTML element, use it to create one-line e-mail address edit fields.
@@ -140,6 +144,10 @@ Browser does not apply any validation other than the user agent's interface, whe
140144
| _Max_ | The maximum time that the input value must constrain to, `lower than` or `equal to`. | &#x2713; | &#x2713; | &#x2713; |
141145
<!--@include: ./common-element-validation.md-->
142146

147+
::: tip
148+
When using dynamic values for time fields, always format them as `H:i` (e.g., `14:30` for 2:30 PM).
149+
:::
150+
143151
## Input Url Element {#input-url}
144152

145153
Child of [Input Element](#input), the **Input Url Element** displays a [\<input type="url"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/url) HTML element, use it to create one-line url edit fields.
@@ -202,6 +210,10 @@ Browser does not apply any validation other than the user agent's interface, whe
202210
| _Max_ | The maximum month that the input value must constrain to, `lower than` or `equal to`. | &#x2713; | &#x2713; | &#x2713; |
203211
<!--@include: ./common-element-validation.md-->
204212

213+
::: tip
214+
When using dynamic values for month fields, always format them as `Y-m` (e.g., `2026-06` for June 2026).
215+
:::
216+
205217
## Input Tel Element {#input-tel}
206218

207219
Child of [Input Element](#input), the **Input Tel Element** displays a [\<input type="tel"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel) HTML element, use it to create one-line telephone number edit fields.

src/essentials-for-yootheme-pro/v2.4/addons/forms/_partials/element-input.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -97,6 +97,10 @@ Browser does not apply any validation other than the user agent's interface, whe
9797
| *Max* | The maximum date that the input value must constrain to, `lower than` or `equal to`. | &#x2713; | &#x2713; | &#x2713; |
9898
<!--@include: ./common-element-validation.md-->
9999

100+
::: tip
101+
When using dynamic values for date fields, always format them as `Y-m-d` (e.g., 2026-06-22).
102+
:::
103+
100104
## Input Email Element {#input-email}
101105

102106
Child of [Input Element](#input), the **Input Email Element** displays a [\<input type="email"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email) HTML element, use it to create one-line e-mail address edit fields.
@@ -144,6 +148,10 @@ Browser does not apply any validation other than the user agent's interface, whe
144148
| *Max* | The maximum time that the input value must constrain to, `lower than` or `equal to`. | &#x2713; | &#x2713; | &#x2713; |
145149
<!--@include: ./common-element-validation.md-->
146150

151+
::: tip
152+
When using dynamic values for time fields, always format them as H:i (e.g., 14:30 for 2:30 PM).
153+
:::
154+
147155
## Input Url Element {#input-url}
148156

149157
Child of [Input Element](#input), the **Input Url Element** displays a [\<input type="url"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/url) HTML element, use it to create one-line url edit fields.
@@ -208,6 +216,10 @@ Browser does not apply any validation other than the user agent's interface, whe
208216
| *Max* | The maximum month that the input value must constrain to, `lower than` or `equal to`. | &#x2713; | &#x2713; | &#x2713; |
209217
<!--@include: ./common-element-validation.md-->
210218

219+
::: tip
220+
When using dynamic values for month fields, always format them as Y-m (e.g., 2026-06 for June 2026).
221+
:::
222+
211223
## Input Tel Element {#input-tel}
212224

213225
Child of [Input Element](#input), the **Input Tel Element** displays a [\<input type="tel"\>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel) HTML element, use it to create one-line telephone number edit fields.

0 commit comments

Comments
 (0)