[pickers] StaticDateTimePicker with desktop UI

[nuthinking]

I'm trying to migrate out of @material-ui/pickers because it shows the mobile (radial) time picker also on desktop. mui-x DateTimePicker smartly picks the best UI for the current device (radial for mobile, and multi columns for desktop). The problem is that I want to use only the modal (i.e. StaticDateTimePicker) and can't figure out:

1. Why it doesn't pick automatically the optimal UI, like the field does.
2. How to tell it to pick one or the other.

How can I emulate the behavior of DateTimePicker modal? Thanks!

[michelengelen]

Hey @nuthinking ... I am not sure I follow completely.
By radial, do you mean the actual analog clockface?

[nuthinking]

Yes, right now I do:

const viewRenderer = this.props.isMobile
            ? renderTimeViewClock
            : (p: any) => renderMultiSectionDigitalClockTimeView({ ...p, timeSteps: { minutes: 1 } });

        const picker =
            type === "date" ? (
                <StaticDatePicker slots={{ actionBar: () => null }} />
            ) : (
                <StaticDateTimePicker
                    value={value}
                    onChange={this.onChange}
                    ampm={is12Hour}
                    disablePast={disablePast}
                    disableFuture={disableFuture}
                    slots={{ actionBar: () => null }}
                    viewRenderers={{
                        minutes: viewRenderer,
                        hours: viewRenderer,
                    }}
                />
            );

But it looks bad!

[michelengelen]

OK, just asking since we did remove the analog clock on all time pickers going forward (v8 will be released on monday). If that is what you want you will have to keep using this version.
Is that fine for you?

[nuthinking]

What will be the UX on mobile?