MaterialTimePicker

Time pickers let users select a time.
View Material Design documentation

Screenshot

Example

<material3:MaterialTimePicker 
    LabelText="Start time" 
    Format="HH:mm" 
    LeadingIcon="calendar.png" />

Documentation

Property CornerRadius:

This property is to set the corner radius for the control. This is used only when you set HasBorder as true.

CornerRadius supports a uniform radius to the four corners or you can set a different corner radius for each corner:

• CornerRadius="10"
• CornerRadius="0,10,10,10"
  

Property AnimateError:

This property is to set the if you want or not animate the control on error.

Property HorizontalTextAlignment:

This property is to set the horizontal text alignment.

Allowed Values:

• Start
• Center
• End
  

Property TextColor:

This property is to set the text color.

Property FontSize:

This property is to set the font size.

Property FontFamily:

This property is to set the font family.

Property Placeholder:

This property is to set the placeholder.

Property PlaceholderColor:

This property is to set the placeholder color.

Property AnimatePlaceholder:

This property was disabled for this control.

Property LabelText:

This property is to set the label.

Property LabelTextColor:

This property is to set the label color.

Property LabelSize:

This property is to set the label size.

Property LabelFontFamily:

This property is to set the label font family.

Property LabelMargin:

This property is to set the label margin family. By default uses (16,0,16,0).

Property SupportingText:

This property is to set the supporting text.

Property SupportingTextColor:

This property is to set the supporting text color.

Property SupportingSize:

This property is to set the supporting text size.

Property SupportingFontFamily:

This property is to set the supporting text font family.

Property SupportingMargin:

This property is to set the supporting text margin. By default uses (16,4,16,0).

Property BorderColor:

This property is to set the border color. This is enabled when you set the property HasBorder equals true.

Property HasBorder:

This property is to set if this control has border or not.

Property BorderWidth:

This property is to set the border width.

Property IndicatorColor:

This property is to set the indicator color.

Property BackgroundColor:

This property is to set the background color.

Property LeadingIcon:

This property is to set the leading icon. This can be png or jpg.

Property CustomLeadingIcon:

This property is to set the leading icon with support to svg.

Property LeadingIconCommand:

This property is to set the leading icon command.

Property LeadingIconCommandParameter:

This property is to set the leading icon command parameter.

Property TrailingIcon:

This property is to set the trailing icon. This can be png or jpg.

Property CustomTrailingIcon:

This property is to set the trailing icon with support to svg.

Property TrailingIconCommand:

This property is to set the trailing icon command.

Property TrailingIconCommandParameter:

This property is to set the trailing icon command parameter.

Property LabelLineBreakMode:

This property is to set the Label Line Break Mode

Allowed values

• NoWrap,
• WordWrap,
• CharacterWrap,
• HeadTruncation,
• TailTruncation,
• MiddleTruncation
  

Property SupportingLineBreakMode:

This property is to set the Supporting LineBreakMode.

Allowed values

• NoWrap,
• WordWrap,
• CharacterWrap,
• HeadTruncation,
• TailTruncation,
• MiddleTruncation
  

Property Time:

This property is to set Time.

Property Format:

This property is to set time Format.

Property Padding:

This property is to set the padding of the control. By default uses (16, 8).