Creator Kit - DetailsList: Format DateTime Column to remove the time component

[MYZakaria]

Hi Everyone,

I am working on a custom page in a Model-driven App and started using the Details List component of the Creator Kit, however, I have been stuck in the past two days trying to format the date time column to remove the time component. 

I would appreciate it if someone can extend their support and let me know2, how to do it.

Below is the Details List showing the Start Date and Finish Date columns with the time component 00:00:00 that I am trying to remove.

The Data Source is a Dataverse table where the Start and Finish Date columns are as follows:

1. Type: Date and Time

2. Format: Date Only

3. Behaviour: Simple

4. Time Zone Adjustment: User Local

Under the Details List component, the Start Date field has a property called "FieldType" and the value in that property is "d". I tried fiddling with this property to see if it controls what is displayed in the field but with no success.

Thank you in advance for your support.

[ShrutiDhiman]

Hi @MYZakaria 

I tried it is is working .

Refresh the page after edit the column And then check again .

I hope this helps you!

Thanks 

[MYZakaria]

Hi @ShrutiDhiman , 

Thanks for your quick response.

The screenshot I provided is not for a Table view in a Model Driven App but it is for a Details List Component used in Canvas App and Custom Pages to provide Fluent UI Experience. 

The below link provides more information about the Details List component and the Creator Kit.

Overview of the Creator Kit components - Power Platform | Microsoft Learn

DetailsList control reference - Power Platform | Microsoft Learn

Thanks

[MYZakaria]

Hi @ScottDurow ,

I would appreciate it if you could extend some help regarding the Details List Date Time column. Please refer to the original post. I am trying to remove the time component that is displayed with the date component. My date time column is Date Only.

Thank you in advance.

[ScottDurow · Accepted solution]

Hi! 
There is a feature on the back log to provide formatting strings for data columns - but in the mean time you can use the technique described here https://github.com/microsoft/powercat-creator-kit/issues/54

Hope this helps

[MYZakaria]

Hi @ScottDurow ,

Thanks for your quick response and support.

Because my use case scenario doesn't require time zone adjustment, I managed to do it by changing the "Time zone adjustment" to Date Only in addition to the behaviour which was already set to Date Only.

Thanks a lot.