Incorrect placeholder in components after invalid input with a shared binded variable and custom <*Component*FormatPlaceholder> tag

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Need More Info

Last Updated: 23 May 2025 19:18 by NiV-L-A

NiV-L-A

Created on: 16 May 2025 18:45

Category: UI for Blazor

Type: Bug Report

Incorrect placeholder in components after invalid input with a shared binded variable and custom <*Component*FormatPlaceholder> tag

Steps to reproduce:
1) Run the following REPL: https://blazorrepl.telerik.com/wJEJlqvC26v5pK9R49
2) There are 2 TelerikDateInput components binded to the same variable, with a DateInputFormatPlaceholder different than the default "dd/MM/yyyy"
3) In the first TelerikDateInput enter a valid date value
4) Note that the second TelerikDateInput assumes the same value, which is correct
5) Enter an invalid value in the first TelerikDateInput by clearing the day part or the month part or the year part
6) The second TelerikDateInput component assumes the default placeholder, instead of the one specified in DateInputFormatPlaceholder
7) Click on the second TelerikDateInput component: it now assumes correctly the placeholder specified in DateInputFormatPlaceholder
The following gif showcases the scenario: https://i.gyazo.com/a9e1f2d3b87cdac19e4e6b71bdeccb38.mp4

This also affects all the Telerik components that have a <*Component*FormatPlaceholder> tag.
Here is a REPL link which contains many components that have a <*Component*FormatPlaceholder> tag: https://blazorrepl.telerik.com/QJaTlglC29a2s8Ys43

2 comments

NiV-L-A

Posted on: 23 May 2025 19:18

Hi Nadezhda,

I'm using the FormatPlaceholder tag because I need the functionality of a custom placeholder, as specified in the description of the "Placeholder" parameter in the DateInput documentation page (please, see the first attached image): https://www.telerik.com/blazor-ui/documentation/components/dateinput/overview#dateinput-parameters.

I would like to specify that the documentation mentions the "<*Component*FormatPlaceholder>" tag, as you can see in the second attached image which was taken from this link: https://www.telerik.com/blazor-ui/documentation/components/dateinput/overview#format-placeholder

The search link you have provided (https://www.telerik.com/blazor-ui/documentation/search?q=DateInputFormatPlaceholder) returns no results because there are no pages that specifically mention "DateInputFormatPlaceholder".
In the documentation pages, is always specified the "<*Component*FormatPlaceholder>" tag because the user needs to substitute the "*Component*" part with the actual component's name (e.g. "DateInputFormatPlaceholder", "DatePickerFormatPlaceholder", and so on).

Searching for "<*Component*FormatPlaceholder>" (or "FormatPlaceholder") on the documentation site will
return the pages that documents the "<*Component*FormatPlaceholder>" tag: https://www.telerik.com/blazor-ui/documentation/search?q=FormatPlaceholder

The "<*Component*FormatPlaceholder>" usage is also shown in the "FormatPlaceholder" section in the demos that support the "<*Component*FormatPlaceholder>" tag (please, see the third attached image): https://demos.telerik.com/blazor-ui/dateinput/formatplaceholder

So, considering what above said, the "<*Component*FormatPlaceholder>" tag is present in the public documentation.

Thank you.

Attached Files:

ADMIN

Nadezhda Tacheva

Posted on: 23 May 2025 09:44

Hi Roberto,

The DateInputFormatPlaceholder is a component that we use for internal purposes only. It is not meant for public use and therefore it is not listed in our documentation and API ref.

The DateInput (and pickers) provide options to set the format and placeholder through the corresponding parameters: see DateInput Parameters.

Try setting the desired format and/or placeholder through the parameters as required and please let us know if you are facing any issues with that.

Regards,
Nadezhda Tacheva
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.