Hello:
As the subject line states, is there a way to open the DatePicker programmatically?
Hy,
is there a way to customize the template visualization of each day in the DatePicker component?
I need to change the style and colors of the days according to different conditions. For examples:
Thanks in advance
<div class="gsi-background-color-light" style="height: 41px; display:flex;justify-content:space-between;">
<div class="align-self-center gsi-font-kendo gsi-margin-0">
Patient Filters
</div>
<TelerikButton Id="filterChevronButton"
FillMode="Clear"
Class="gsi-border-width-0 gsi-border-color-white gsi-padding-8"
Icon="@( FilterVisible? Telerik.SvgIcons.SvgIcon.Filter : Telerik.SvgIcons.SvgIcon.Filter)"
OnClick="@(() => ExpandCollapse())" />
</div>
<TelerikAnimationContainer @ref="@AnimContainer"
Class="gsi-background-color-light gsi-margin-5 k-rounded-0"
Width="100%"
Height="100vm">
<TelerikStackLayout Spacing="1px" Class="gsi-margin-5">
<TelerikCard Width="25vh">
<CardBody>
<div class="form-group-short">
<label class="col-form-label" for="firstName">First Name</label><br />
<TelerikTextBox @bind-Value="@FirstNameFilter"
Name="firstName"
Placeholder="-No Filter-"
OnChange="@(x => OnFilterChanged(nameof(FirstNameFilter), x))">
</TelerikTextBox>
</div>
private async Task OnFilterChanged(string propertyName, object newValue) { await GetPatients(); ExpandCollapse(false); }
private async Task OnFilterChanged(string propertyName, object newValue) { object existingValue = this.GetPropertyValue(propertyName); if (newValue != existingValue) { this.SetPropertyValue(propertyName, newValue); await GetPatients(); ExpandCollapse(false); } }
public async void ExpandCollapse(bool? filterVisible = null) { if (filterVisible.HasValue) { await AnimContainer.ToggleAsync(); FilterVisible = filterVisible.Value; } else { await AnimContainer.ToggleAsync(); FilterVisible = !FilterVisible; } }
We have a Blazor DatePicker in our web app to store the Date of Birth. The calendar popup seems to be working correctly. However, for the input portion, when typing in the year of the date, the content typed into the year overflows the input area for as long as the user types, instead of horizontally scrolling within the 4-digit year space.
The interesting thing is that this is only happening to one of our client users. We have been unable to duplicate this either locally or in our Dev/Test environments. I'm assuming that, since the horizontal scrolling of the year entry is within the DatePicker widget, could this possibly be due to an environment issue with the Blazor library or maybe some setting within Microsoft Edge?
I don't have as many details as I would like to have to share with you. At this time, I'm just trying to find out if you have ever heard of this issue before?
Hi i have a DatePicker in a module form. If i resize the browser window in order to have low visible space below the datepicker, then i open the datepicker popup, it create a strange effect on the page.
For example i have this page with a datepicker (highligted in red):
if i open the datepicker popup the dom change adding white space on bottom of the page:
closing the popup, the white space disappear.
How to solve?
Thanks
Hello,
I have a 2 date pickers. I have a button that clears all fields in my form which works when the dates are fully filled, but not if they are partially filled. I want to clear them with my button and not have to use the ShowClearButton (x button) that is built into the date picker. Not sure if there is already a solution for this, but I could not find one.
As you cas see from the sample below, i have a grid with row filter.
In the FilterCellTemplate i use a custom component named DateFilterCell.
In DateFilterCell i show a TelerikDatePicker.
When i run this sample and try to set the datepicker value from the calendar, the value does not bind.
What's wrong?
Thanks
https://blazorrepl.telerik.com/GfEFHkFA35AZCMp451