TimeDisplay.swift

import SwiftUI

struct LocaleSpecificDateDisplay: View {
    static let timeFormatter: DateFormatter = {
        let formatter = DateFormatter()
        formatter.dateFormat = "HH:mm:ss.SSSz"
        return formatter
    }()

    static let timeZone = TimeZone(identifier: "Africa/Harare")!

    var body: some View {
        VStack {
            let now = Date.now
            Text(now, format: .dateTime.hour().minute().second().timeZone())
            Group {
                // Using the new FormatStyle, does NOT obey \.locale environment value
                // so is this is bug? How to control timezone for display purpose?
                Text(now, format: .dateTime.hour().minute().second().timeZone())

                // The old DateFormatter, **DOES** obey \.locale environment value
                Text(now, formatter: Self.timeFormatter) + Text(" <= \(Self.timeZone.identifier)")
            }
            // explicitly set the timezone here
            .environment(\.timeZone, Self.timeZone)
        }
    }
}

struct LocaleSpecificDateDisplay_Previews: PreviewProvider {
    static var previews: some View {
        LocaleSpecificDateDisplay()
    }
}