DataGrid DataGridTemplateColumn CalendarDatePicker and DatePicker Flash Then Desappear!

[maxmin88]

I'm submitting a...

Bug report (I searched for similar issues and did not find one)

Current behavior

In a DataGridTemplateColumn with a CalendarDatePicker as the template when clicking on the date or icon the calendar picker flashes and then disappears. This is the same for CalendarDatePicker and DatePicker. Also the same result if CellTemplate or CellEditTemplate is used.

See code example below.

Expected behavior

Should be able to click on the date or the calendar icon and the calendar grid or date picker should open and stay open until the date is selected. The resulting date selected should be displayed in the date view.

Minimal reproduction of the problem with instructions

Please see example code below.

Environment

Nuget Package(s): 
Microsoft.Toolkit.Uwp.UI.Controls.DataGrid
Package Version(s): 
4.0

Windows 10 Build Number:
- [ ] Creators Update (15063)
- [ ] Fall Creators Update (16299)
- [x ] April 2018 Update (17134)
- [ ] Insider Build (build number: )

App min and target version:
- [ ] Creators Update (15063)
- [ min] Fall Creators Update (16299)
- [ target ] April 2018 Update (17134)
- [ ] Insider Build (xxxxx)

Device form factor:
- [X ] Desktop
- [ ] Mobile
- [ ] Xbox
- [ ] Surface Hub
- [ ] IoT

Visual Studio 
- [ X] 2017 (version: 15.8.4 )
- [ ] 2017 Preview (version: )

<UserControl.Resources> <DataTemplate x:Key="CalendarCell"> <TextBlock Text="{Binding DateCreated}"/> </DataTemplate> <DataTemplate x:Key="CalendarCellEdit"> <CalendarDatePicker Date="{Binding DateCreated}" /> </DataTemplate> </UserControl.Resources>

<dg:DataGrid x:Name="grdNotes" > <dg:DataGrid.Columns> <dg:DataGridTemplateColumn CellTemplate="{StaticResource CalendarCell}" CellEditingTemplate="CalendarCellEdit"/> </dg:DataGrid.Columns> </dg:DataGrid>

[lucaasrojas]

Can you provide a reproduction project?

[maxmin88]

DataGridCalendarPickerTemplateBug.zip
OK. Here is a sample project showing the problem. I have tried options such as a single CalendarDatePicker in just the CellTemplate (no CellEditTemplate) and also the DatePicker and the results are the same.

And, I also just noticed, that the CalenderDatePicker is not getting it's Date set with the Binding to the CreatedDate field.

I also put a CalendarDatePicker directly on the page to show normal operation.

Hopefully there is a solution to this.

Thanks.

[RBrid]

I don't have an explanation for the flashing issue yet - I suspect it's a focus problem. The CalendarDatePicker's drop-down must be losing focus right away.

As for the second part, i.e. the binding not working: make sure you bind the CalendarDatePicker.Date property to a DateTimeOffset. In my test scenario, I have a Person object with a DateOfBirth DateTime property, and I can bind to the Person.DateOfBirthOffset property which is defined as:

public class Person
{
...
public DataTimeOffset DateOfBirthOffset
{
get { return new DateTimeOffset(this.DateOfBirth); }
set { this.DateOfBirth = value.DateTime;
}
}

[edd2000uk]

Did you find any solution to this, I have the same problem with the CalendarDatePicker flashing up then disappearing. However if I select the picker on a different row it works. It seems that I can select a picker for the first time, then if I try to reselect it has the problem. If I select a picker on a new row then it works.

[lucaasrojas]

@RBrid what is the current status?

[windowstoolkitbot]

This issue seems inactive. It will automatically be closed in 14 days if there is no activity.

[windowstoolkitbot]

This issue seems inactive. It will automatically be closed in 14 days if there is no activity.

[windowstoolkitbot]

This issue seems inactive. It will automatically be closed in 14 days if there is no activity.

[windowstoolkitbot]

Issue is inactive. It was automatically closed.