timezoneselector: make adaptable for mobile

Reason for the change

The existing OSM-based timezone selector is impractical on mobile: the map is difficult to interact with on a small touchscreen, and the floating toolbar comboboxes are too small to tap accurately on small displays. This issue becomes more apparent as the screen size gets narrower and smaller.

This change replaces the map with stacked FormCard.FormComboBoxDelegate components when running on mobile (Kirigami.Settings.isMobile) for a clean and touch-friendly interface that looks Kirigami-like and matches the visual style of the rest of the Plasma Setup wizard. The map and its existing desktop comboboxes are preserved and unchanged for desktop users.

Test plan

Run an application that embeds TimezoneSelector with QT_QUICK_CONTROLS_MOBILE=1 set in the environment to simulate a mobile form factor. Verify:

  • The map is not shown on mobile
  • Region and Timezone dropdown menus appear and are populated correctly
  • Selecting a region shows the Time zone dropdown
  • Selecting a timezone updates selectedTimeZone correctly

On desktop (without QT_QUICK_CONTROLS_MOBILE=1), the map and original comboboxes are unchanged

Screenshots or screen recordings

Before After
image image

Bugs fixed

N/A

Merge request reports

Loading