NativeScript/packages/core/ui/date-picker/index.ios.ts

import { DatePickerBase, yearProperty, monthProperty, dayProperty, dateProperty, maxDateProperty, minDateProperty, hourProperty, minuteProperty, secondProperty, showTimeProperty, iosPreferredDatePickerStyleProperty } from './date-picker-common';
import { colorProperty } from '../styling/style-properties';
import { Color } from '../../color';
import { Device } from '../../platform';

export * from './date-picker-common';

const SUPPORT_DATE_PICKER_STYLE = __VISIONOS__ || parseFloat(Device.osVersion) >= 13.4;
const SUPPORT_TEXT_COLOR = !__VISIONOS__ && parseFloat(Device.osVersion) < 14.0;

export class DatePicker extends DatePickerBase {
	private _changeHandler: NSObject;
	public nativeViewProtected: UIDatePicker;

	public createNativeView() {
		const picker = UIDatePicker.new();
		picker.datePickerMode = this.showTime ? UIDatePickerMode.DateAndTime : UIDatePickerMode.Date;
		if (SUPPORT_DATE_PICKER_STYLE) {
			picker.preferredDatePickerStyle = this.iosPreferredDatePickerStyle;
		}
		return picker;
	}

	public initNativeView(): void {
		super.initNativeView();
		const nativeView = this.nativeViewProtected;
		this._changeHandler = UIDatePickerChangeHandlerImpl.initWithOwner(new WeakRef(this));
		nativeView.addTargetActionForControlEvents(this._changeHandler, 'valueChanged', UIControlEvents.ValueChanged);
	}

	public disposeNativeView() {
		this._changeHandler = null;
		super.disposeNativeView();
	}

	// @ts-ignore
	get ios(): UIDatePicker {
		return this.nativeViewProtected;
	}

	[showTimeProperty.setNative](value: boolean) {
		this.showTime = value;
		if (this.nativeViewProtected) {
			this.nativeViewProtected.datePickerMode = this.showTime ? UIDatePickerMode.DateAndTime : UIDatePickerMode.Date;
		}
	}

	[iosPreferredDatePickerStyleProperty.setNative](value: number) {
		this.iosPreferredDatePickerStyle = value;
		if (this.nativeViewProtected) {
			if (SUPPORT_DATE_PICKER_STYLE) {
				this.nativeViewProtected.preferredDatePickerStyle = this.iosPreferredDatePickerStyle;
			}
		}
	}

	[yearProperty.setNative](value: number) {
		this.date = new Date(value, this.month - 1, this.day, this.hour || 0, this.minute || 0, this.second || 0);
	}

	[monthProperty.setNative](value: number) {
		this.date = new Date(this.year, value - 1, this.day, this.hour || 0, this.minute || 0, this.second || 0);
	}

	[dayProperty.setNative](value: number) {
		this.date = new Date(this.year, this.month - 1, value, this.hour || 0, this.minute || 0, this.second || 0);
	}

	[hourProperty.setNative](value: number) {
		this.date = new Date(this.year, this.month - 1, this.day, value, this.minute || 0, this.second || 0);
	}

	[minuteProperty.setNative](value: number) {
		this.date = new Date(this.year, this.month - 1, this.day, this.hour || 0, value, this.second || 0);
	}

	[secondProperty.setNative](value: number) {
		this.date = new Date(this.year, this.month - 1, this.day, this.hour || 0, this.minute || 0, value);
	}

	[dateProperty.setNative](value: Date) {
		if (value) {
			const comps = NSCalendar.currentCalendar.componentsFromDate(NSCalendarUnit.CalendarUnitYear | NSCalendarUnit.CalendarUnitMonth | NSCalendarUnit.CalendarUnitDay | NSCalendarUnit.HourCalendarUnit | NSCalendarUnit.MinuteCalendarUnit | NSCalendarUnit.SecondCalendarUnit, this.nativeViewProtected.date);
			comps.year = value.getFullYear();
			comps.month = value.getMonth() + 1;
			comps.day = value.getDate();
			comps.hour = value.getHours();
			comps.minute = value.getMinutes();
			comps.second = value.getSeconds();
			this.year = comps.year;
			this.month = comps.month;
			this.day = comps.day;
			this.hour = comps.hour;
			this.minute = comps.minute;
			this.second = comps.second;
			this.nativeViewProtected.setDateAnimated(NSCalendar.currentCalendar.dateFromComponents(comps), false);
		}
	}

	[maxDateProperty.getDefault](): Date {
		return this.nativeViewProtected.maximumDate;
	}
	[maxDateProperty.setNative](value: Date) {
		if (value) {
			const nsDate = NSDate.dateWithTimeIntervalSince1970(value.getTime() / 1000);
			this.nativeViewProtected.maximumDate = <any>nsDate;
		} else {
			this.nativeViewProtected.maximumDate = null;
		}
	}

	[minDateProperty.getDefault](): Date {
		return this.nativeViewProtected.minimumDate;
	}
	[minDateProperty.setNative](value: Date) {
		if (value) {
			this.nativeViewProtected.minimumDate = NSDate.dateWithTimeIntervalSince1970(value.getTime() / 1000) as any;
		} else {
			this.nativeViewProtected.minimumDate = null;
		}
	}

	[colorProperty.getDefault](): UIColor {
		return SUPPORT_TEXT_COLOR ? this.nativeViewProtected.valueForKey('textColor') : UIColor.new();
	}
	[colorProperty.setNative](value: Color | UIColor) {
		if (SUPPORT_TEXT_COLOR) {
			const picker = this.nativeViewProtected;
			picker.setValueForKey(value instanceof Color ? value.ios : value, 'textColor');
		}
	}
}

@NativeClass
class UIDatePickerChangeHandlerImpl extends NSObject {
	private _owner: WeakRef<DatePicker>;

	public static initWithOwner(owner: WeakRef<DatePicker>): UIDatePickerChangeHandlerImpl {
		const impl = <UIDatePickerChangeHandlerImpl>UIDatePickerChangeHandlerImpl.new();
		impl._owner = owner;

		return impl;
	}

	public valueChanged(sender: UIDatePicker) {
		const owner = this._owner?.deref();
		if (!owner) {
			return;
		}

		const comps = NSCalendar.currentCalendar.componentsFromDate(NSCalendarUnit.CalendarUnitYear | NSCalendarUnit.CalendarUnitMonth | NSCalendarUnit.CalendarUnitDay | NSCalendarUnit.HourCalendarUnit | NSCalendarUnit.MinuteCalendarUnit | NSCalendarUnit.SecondCalendarUnit, sender.date);

		let dateChanged = false;
		if (comps.year !== owner.year) {
			yearProperty.nativeValueChange(owner, comps.year);
			dateChanged = true;
		}

		if (comps.month !== owner.month) {
			monthProperty.nativeValueChange(owner, comps.month);
			dateChanged = true;
		}

		if (comps.day !== owner.day) {
			dayProperty.nativeValueChange(owner, comps.day);
			dateChanged = true;
		}

		if (comps.hour !== owner.hour) {
			hourProperty.nativeValueChange(owner, comps.hour);
			dateChanged = true;
		}

		if (comps.minute !== owner.minute) {
			minuteProperty.nativeValueChange(owner, comps.minute);
			dateChanged = true;
		}

		if (comps.second !== owner.second) {
			secondProperty.nativeValueChange(owner, comps.second);
			dateChanged = true;
		}

		if (dateChanged) {
			dateProperty.nativeValueChange(owner, new Date(comps.year, comps.month - 1, comps.day, comps.hour, comps.minute, comps.second));
		}
	}

	public static ObjCExposedMethods = {
		valueChanged: { returns: interop.types.void, params: [UIDatePicker] },
	};
}