Styling in react-native-windows

[steventiro]

Hi, i am new to react-native-windows I try to change datetimepicker border width, font and font size using style props but nothing change

here is my code: ` <DateTimePicker style={[globalStyle.textInput, {width: 150, height: 25, minHeight: 25, fontSize: 10, borderWidth: 0}, props.inputStyle]} value={props.dateValue} mode='date' display="default" onChange={(event, selectedDate) => props.onDateChange(event, selectedDate)} />

`

Please help

[vonovak]

@rectified95 can you please comment on whether or not this is customizable at all? Thanks!

[rectified95]

@vonovak Sorry I missed this one completely! I will take a look this coming Monday and reply! FYI @steventiro

EDIT Taking a quick look - this should be possible, not sure why it doesn't work right now, as the property should be translated to XAML out of the box. Will look more on Monday. There is a 'BorderThickness' property on the XAML CalendarDatePicker, so this should be easy. Ref: https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.calendardatepicker?view=winrt-19041#properties

[lbenitez1]

@vonovak Has this been fixed? I am currently using "@react-native-community/datetimepicker": "^6.3.1" and setting the fontSize in the style prop as done above does not work.