iOS compact style needs a width, is stuck left aligned

I’m trying to use the new compact date picker style in iOS but I’n having a hard time styling it.

When I first put it in I got the following:

<DateTimePicker
    display="compact"
    mode="date"
    value={DateTime.local().toJSDate()}
/>

The date picker is the gray square on the right. I tried to set flex: 1 but that didn’t get things to display. Next I just set a width:

<DateTimePicker
    style={{width: 140}}
    display="compact"
    mode="date"
    value={DateTime.local().toJSDate()}
/>

Now I can see the date picker, but it’s too far to the left. I’d like to right align it. At this point I got stuck. Nothing I seemed to do right aligns the picker and because I don’t know the width (which is variable based on the contents).

Anyone run into this yet? any ideas?

[fjarrett]

While we wait for a more permanent fix, my dirty workaround ended up looking something like this:

<View style={{ alignItems: 'center', width: '100%' }}>
  <DateTimePicker
    display="compact"
    mode="datetime"
    style={{ width: 230 }}
    value={new Date()}
  />
</View>

[ASchwad]

A year has passed, any updates on this issue?