Currency Formatter doesn't execute when .resignFirstResponder occurs

I am working on a setup screen with a dollar value and a picker. I have the dollar value setup with a currencyFormatter, and a .keyboardType(.decimalPad), if the user touches outside of the field, the .resignFirstResponder doesn't happen, so I added it to my Picker. However, If the user touches the picker, the .currencyFormatter is not applied.

Code Block 
 private var currencyFormatter: NumberFormatter = {
        let formatter = NumberFormatter()
        formatter.isLenient = true
        formatter.numberStyle = .currency
        return formatter
    }()
    var body: some View {
        GeometryReader { geometry in
            VStack{
                VStack{
                    HStack{
                        Text("Burden Rate: ")
                            .padding(.trailing)
                        Spacer()
                        TextField("Enter Burden Rate",
                                  value: $meetingSetup.saveRateValue,
                                  formatter: currencyFormatter,
                                  onEditingChanged: {_ in
                                    logger.log("editing changed")
                                  },
                                  onCommit: {
                                    logger.log("updated")
                                  }
                        )
                        .textFieldStyle(RoundedBorderTextFieldStyle())
                        .multilineTextAlignment(.trailing)
                        .padding(.leading)
                        .keyboardType(.decimalPad)
                    }
                    HStack{
                        Text("Select One: ")
                        Spacer()
                        Picker("Calculation", selection: $selectedRateCalc) {
                            ForEach( 0 ..< rateCalc.count) {
                                Text(self.rateCalc[$0]).tag($0)
                            }
                        }
                        .pickerStyle(SegmentedPickerStyle())
                        .onChange(of: selectedRateCalc, perform: { value in
                            switch selectedRateCalc {
                            case 0:
                                meetingSetup.hourlyEnabled = false
                                meetingSetup.salaryEnabled = true
                                print("Salary Selected")
                            case 1:
                                meetingSetup.hourlyEnabled = true
                                meetingSetup.salaryEnabled = false
                                print("Hourly Selected")
                            default:
                                print("ERROR")
                            }
                            self.hideKeyboard()
                        })
                    }
                }
            }
            Spacer()
        }
    }
}
#if canImport(UIKit)
extension View {
    func hideKeyboard() {     UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
    }
}
#endif

I've reduced some of the other screen to make this cleaner for review. How can I correctly clear the keyboard AND have it format the currency correctly.

Thanks!