Hi, I have a problem with DatePicker. When I use GraphicalDatePickerStyle with 24 hour system there is issue with alignment of the picker, it seats somewhere between center and right edge.

See the screenshot:

https://ibb.co/wKLHzDS

Is any way to fix it? I would like to keep the picker always aligned to right.

  HStack {
                Text("Time")
                    .padding(.leading, 20)
                    Spacer()
                DatePicker("", selection: $selection, displayedComponents: .hourAndMinute)
                    .datePickerStyle(
                        GraphicalDatePickerStyle())
                    .clipped()
                    .labelsHidden()

                    .accentColor(Color.blue)
                    //    let (hrs,mins) = Helpers.shared.processPickerTime(value)
                      //  self.hour = hrs
                    //    self.minutes = mins

                }

Hi, I had the same issue, my solution was to specify width and alignment:

DatePicker("", selection: $selection, displayedComponents: .hourAndMinute)
    .datePickerStyle(GraphicalDatePickerStyle())
    .clipped()
    .labelsHidden()
    .accentColor(Color.blue)
    .frame(width: 200, alignment: .trailing)