refactor(date-time-picker-web): simplify properties by replacing with system properties

Author: samuelreichert

packages/pluggableWidgets/date-time-picker-web/src/DateTimePicker.xml

@@ -54,46 +54,13 @@
                 </property>
             </propertyGroup>
             <propertyGroup caption="Label">
-                <property key="showLabel" type="boolean" defaultValue="true">
-                    <caption>Show label</caption>
-                    <description />
-                </property>
-                <property key="label" type="textTemplate" required="false">
-                    <caption>Label caption</caption>
-                    <description />
-                </property>
+                <systemProperty key="Label" />
             </propertyGroup>
             <propertyGroup caption="Editability">
-                <property key="editable" type="enumeration" defaultValue="default">
-                    <caption>Editable</caption>
-                    <description />
-                    <enumerationValues>
-                        <enumerationValue key="default">Default</enumerationValue>
-                        <enumerationValue key="never">Never</enumerationValue>
-                        <enumerationValue key="conditionally">Conditionally</enumerationValue>
-                    </enumerationValues>
-                </property>
-                <property key="editabilityCondition" type="expression" required="false">
-                    <caption>Condition</caption>
-                    <description />
-                    <returnType type="Boolean" />
-                </property>
-                <property key="readOnlyStyle" type="enumeration" defaultValue="default">
-                    <caption>Read-only style</caption>
-                    <description />
-                    <enumerationValues>
-                        <enumerationValue key="default">Based on data view (Control)</enumerationValue>
-                        <enumerationValue key="control">Control</enumerationValue>
-                        <enumerationValue key="text">Text</enumerationValue>
-                    </enumerationValues>
-                </property>
+                <systemProperty key="Editability" />
             </propertyGroup>
-            <propertyGroup caption="Visibility">
-                <property key="visible" type="expression" required="false">
-                    <caption>Visible</caption>
-                    <description />
-                    <returnType type="Boolean" />
-                </property>
+            <propertyGroup caption="Conditional visibility">
+                <systemProperty key="Visibility" />
             </propertyGroup>
             <propertyGroup caption="Validation">
                 <property key="validationType" type="enumeration" defaultValue="none">

packages/pluggableWidgets/date-time-picker-web/typings/DateTimePickerProps.d.ts

@@ -3,35 +3,23 @@
  * WARNING: All changes made to this file will be overwritten
  * @author Mendix Widgets Framework Team
  */
-import { CSSProperties } from "react";
 import { ActionValue, DynamicValue, EditableValue } from "mendix";
 
 export type TypeEnum = "date" | "time" | "range" | "datetime";
 
-export type EditableEnum = "default" | "never" | "conditionally";
-
-export type ReadOnlyStyleEnum = "default" | "control" | "text";
-
 export type ValidationTypeEnum = "none" | "required" | "custom";
 
 export interface DateTimePickerContainerProps {
     name: string;
-    class: string;
-    style?: CSSProperties;
     tabIndex?: number;
+    id: string;
     type: TypeEnum;
     dateFormat: string;
     timeFormat: string;
     dateTimeFormat: string;
     placeholder?: DynamicValue<string>;
     dateAttribute: EditableValue<Date>;
     endDateAttribute?: EditableValue<Date>;
-    showLabel: boolean;
-    label?: DynamicValue<string>;
-    editable: EditableEnum;
-    editabilityCondition?: DynamicValue<boolean>;
-    readOnlyStyle: ReadOnlyStyleEnum;
-    visible?: DynamicValue<boolean>;
     validationType: ValidationTypeEnum;
     customValidation?: DynamicValue<boolean>;
     validationMessage?: DynamicValue<string>;
@@ -42,13 +30,6 @@ export interface DateTimePickerContainerProps {
 }
 
 export interface DateTimePickerPreviewProps {
-    /**
-     * @deprecated Deprecated since version 9.18.0. Please use class property instead.
-     */
-    className: string;
-    class: string;
-    style: string;
-    styleObject?: CSSProperties;
     readOnly: boolean;
     renderMode: "design" | "xray" | "structure";
     translate: (text: string) => string;
@@ -59,12 +40,6 @@ export interface DateTimePickerPreviewProps {
     placeholder: string;
     dateAttribute: string;
     endDateAttribute: string;
-    showLabel: boolean;
-    label: string;
-    editable: EditableEnum;
-    editabilityCondition: string;
-    readOnlyStyle: ReadOnlyStyleEnum;
-    visible: string;
     validationType: ValidationTypeEnum;
     customValidation: string;
     validationMessage: string;