Class AnalogTimePicker

src/frameworks/tkinter/plugins/analogTimepicker.js:20–263

}

class AnalogTimePicker extends TkinterBase{

    static widgetType = "analog_timepicker"
    static displayName = "Analog Timepicker"

    static requiredImports = [
                                ...TkinterBase.requiredImports, 
                                'from tktimepicker import AnalogPicker, AnalogThemes, constants'
                            ]
    
    static requirements = ["tkTimePicker"]

    constructor(props) {
        super(props)

        this.droppableTags = null
        
        const newAttrs = removeKeyFromObject("layout", this.state.attrs)

        this.timePicker = null

        this.timePickerRef = React.createRef()

        this.minSize = {width: 100, height: 100}

        this.state = {
            ...this.state,
            widgetName: "Timepicker",
            size: { width: 250, height: 350 },
            attrs: {
                ...newAttrs,
                styling: {
                    theme:{
                        label: "Theme",
                        tool: Tools.SELECT_DROPDOWN, 
                        toolProps: {placeholder: "select theme"},
                        value: "",
                        options: Object.values(Themes).map(val => ({value: val, label: val})),
                        onChange: (value) => this.handleThemeChange(value)
                    },
                    ...newAttrs.styling,
                    clockColor: {
                        label: "Clock Color",
                        tool: Tools.COLOR_PICKER, // the tool to display, can be either HTML ELement or a constant string
                        value: "#EEEEEE",
                        onChange: (value) => {
                            this.setAttrValue("styling.clockColor", value)
                        }
                    },
                    displayColor: {
                        label: "Display Color",
                        tool: Tools.COLOR_PICKER, // the tool to display, can be either HTML ELement or a constant string
                        value: "#000",
                        onChange: (value) => {
                            this.setAttrValue("styling.displayColor", value)
                        }
                    },
                    numberColor: {