TimePicker size .NET Maui

zc 51

How set the time picker size in .NET Maui? When I use WidthRequest, it's look this:

I would like to change size of the cells, but I don't know how to change it.

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 74,491 Reputation points Microsoft Vendor

2022-06-14T03:01:44.173+00:00

Can you share your layout code? I put <DatePicker> and <TimePicker> in <StackLayout>, I set WidthRequest, the size of the cells changed, do not showing up like your screenshot.
zc 51 Reputation points

2022-06-14T05:37:14.207+00:00
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="MauiApp2.MainPage">

<StackLayout> <DatePicker WidthRequest="150" Margin="0, 100, 0, 20"></DatePicker> <TimePicker WidthRequest="150" Format="HH:mm"></TimePicker> </StackLayout>

</ContentPage>

I created a new project and I have the same problem.

1 answer

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 74,491 Reputation points Microsoft Vendor

2022-06-14T06:23:31.91+00:00

Hello,

TimePicker' default width is 242, you set WidthRequest="150", this value is too small, please set a value bigger than 242 for WidthRequest in windows platform

Best Regards,

Leon Lu

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.
zc 51 Reputation points

2022-06-14T06:29:13.74+00:00

It is impossible to reduce the timepicker? I want to reduce the cells.

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 74,491 Reputation points Microsoft Vendor

2022-06-14T07:29:25.157+00:00

Why do you need to reduce the width of Timepicker? What is the target windows framework that you use? Can you share your windows version?

You can keep the width of TimePicker and DataPicker to 242, I tried to use TimePickerHandler to set MinWidth, but it did not work.

As noted in the Q&A FAQ How to write a quality question

zc 51 Reputation points

2022-06-14T08:25:16.707+00:00

I would like reduce it because I just want it to be narrower. I thoughut, that if the datepicker can be reduced, the timpicker can also be narrower.

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 74,491 Reputation points Microsoft Vendor

2022-06-15T08:03:22.447+00:00

TimePicker cannot be narrower(set width lower than 242)

Ye Min Tun 1 Reputation point

2022-09-13T08:52:07.833+00:00

Could you pls share the workaround for resizing TimePicker width?
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

TimePicker size .NET Maui

1 answer

Your answer