Schedule-ICTIS/Schedule ICTIS/Main/Views/Fields/StartEndTimeFieldView.swift
Vladimir Dubovik 1eb574e682 Lots of changes
2024-12-20 13:26:50 +03:00

60 lines
1.8 KiB
Swift

//
// StartEndTimeView.swift
// Schedule ICTIS
//
// Created by Mironov Egor on 17.12.2024.
//
import SwiftUI
struct StartEndTimeFieldView: View {
@Binding var selectedTime: Date
var imageName: String
var text: String
@State private var isTimeSelected: Bool = false
var body: some View {
HStack {
Image(systemName: imageName)
.foregroundColor(Color("grayForFields"))
.padding(.leading, 12)
if !isTimeSelected {
Text(text)
.font(.system(size: 17, weight: .regular))
.foregroundColor(.gray.opacity(0.5))
}
if isTimeSelected {
Text("\(selectedTime, formatter: timeFormatter)")
.foregroundColor(.black)
.font(.system(size: 17, weight: .medium))
.padding(.trailing, 10)
}
Spacer()
}
.frame(width: (UIScreen.main.bounds.width / 2) - 22, height: 40)
.background(
RoundedRectangle(cornerRadius: 10)
.fill(.white)
)
.overlay {
DatePicker("", selection: $selectedTime, in: Date()..., displayedComponents: .hourAndMinute)
.padding(.trailing, 35)
.blendMode(.destinationOver)
.onChange(of: selectedTime) { newValue, oldValue in
isTimeSelected = true
}
}
}
private var timeFormatter: DateFormatter {
let formatter = DateFormatter()
formatter.dateFormat = "HH:mm"
return formatter
}
}
#Preview {
StartEndTimeFieldView(selectedTime: .constant(Date()), imageName: "clock", text: "Начало")
}