import SwiftUI
import ExpoModulesCore

struct DatePickerView: View {
  @ObservedObject var props: DatePickerProps
  @State var date = Date()

  var body: some View {
    if #available(iOS 14.0, *) {
      DatePicker(props.title, selection: $date, displayedComponents: mapDisplayedComponents(props.displayedComponents))
        .reactNativeViewModifiers(mods: props.modifiers, onEvent: props.onEvent)
        .onAppear {
          date = ISO8601DateFormatter().date(from: props.selection) ?? Date()
        }
        .onChange(of: date) { newValue in
          if #available(iOS 15.0, *) {
            props.onEvent([
              "onValueChange": newValue.ISO8601Format()
            ])
          }
        }
    }
  }
}

func mapDisplayedComponents(_ components: [String]) -> DatePickerComponents {
  var result: DatePickerComponents = []
  for component in components {
    switch component {
      case "date":
        result.insert(.date)
      case "hourAndMinute":
        result.insert(.hourAndMinute)
      default:
        result.insert(.date)
    }
  }
  return result
}