PromucFlow_constructor/app/client/src/widgets/DatePickerWidget.tsx

import React from "react";
import BaseWidget, { IWidgetProps, IWidgetState } from "./BaseWidget";
import { WidgetType } from "../constants/WidgetConstants";
import { ActionPayload } from '../constants/ActionConstants';

class DatePickerWidget extends BaseWidget<
  DatePickerWidgetProps,
  IWidgetState
> {

  getPageView() {
    return (
      <div/>
    );
  }

  getWidgetType(): WidgetType {
    return "DATE_PICKER_WIDGET";
  }
}

//Taken from https://blueprintjs.com/docs/#timezone/timezone-picker, needs to be completed with entire list
export type TimeZone = "Asia/Kolkata" | "Pacific/Midway"
export type DatePickerType = "DATE_PICKER" | "DATE_RANGE_PICKER"

export interface DatePickerWidgetProps extends IWidgetProps {
  defaultDate?: Date
  timezone?: TimeZone
  enableTime: boolean
  label: string
  datePickerType: DatePickerType
  onDateSelected: ActionPayload[]
  onDateRangeSelected: ActionPayload[]
}

export default DatePickerWidget;