New parameters

- hourstep
- minutestep
- editenabled

Author: drivardxrm

TimePicker/ControlManifest.Input.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <manifest>
-  <control namespace="DR" constructor="TimePicker" version="1.0.12" display-name-key="TimePicker" description-key="TimePicker control based on React time Picker (rc-time-picker)" control-type="standard" preview-image="img/timepicker-preview.png"> 
+  <control namespace="DR" constructor="TimePicker" version="1.0.15" display-name-key="TimePicker" description-key="TimePicker control based on React time Picker (rc-time-picker)" control-type="standard" preview-image="img/timepicker-preview.png"> 
     <!-- property node identifies a specific, configurable piece of data that the control expects from CDS -->
     <property name="hourvalue" display-name-key="Hour Value Field" description-key="Bind this property to the field where you want to store the hour value" of-type="Whole.None" usage="bound" required="true" />
     <property name="minutevalue" display-name-key="Minute Value Field" description-key="Bind this property to the field where you want to store the minute value" of-type="Whole.None" usage="bound" required="true" />
@@ -11,7 +11,10 @@
     </property>
     <property name="hourstep" display-name-key="Hour Step" description-key="(Optional) Step for hour selector. default = 1" of-type="Whole.None" usage="input" required="false" />
     <property name="minutestep" display-name-key="Minute Step" description-key="(Optional) Step for minute selector. default = 1" of-type="Whole.None" usage="input" required="false" />
-
+    <property name="editenabled" display-name-key="Edit Enabled" description-key="Manual edit enabled (default = false)" of-type="Enum" usage="input" required="true">
+      <value name="true" display-name-key="true" description-key="True" >true</value>
+      <value name="false" display-name-key="false" description-key="False" default="true">false</value>
+    </property>
 
     <resources>
       <code path="index.ts" order="1"/>

TimePicker/TimePickerTextBox.tsx

@@ -17,6 +17,7 @@ export interface IProps {
     use12Hours:boolean;
     hourstep:number;
     minutestep:number;
+    editenabled:boolean;
 
     onChange: (hourvalue:number|undefined,minutevalue:number|undefined) => void;
 }
@@ -104,8 +105,9 @@ const TimePickerTextBox = (props : IProps): JSX.Element => {
                     use12Hours={props.use12Hours}
                     hourStep={props.hourstep}
                     minuteStep={props.minutestep}
-                    inputReadOnly
+                    inputReadOnly={!props.editenabled}
                     disabled={props.readonly}
+
                 />
 
             </div>

TimePicker/css/TimePicker.css

@@ -46,7 +46,7 @@
   height: 35px;
   cursor: text;
   font-size: 14px;
-  font-weight: 600;
+  font-weight: 400;
   line-height: 1.5;
   color: rgb(0, 0, 0);
   background-color: #fff;
@@ -68,7 +68,7 @@
 .rc-time-picker-input[disabled]:hover {
   background:  rgb(226, 226, 226);
   border: 1px solid rgb(226, 226, 226);
-  font-weight: 600;
+  font-weight: 400;
   cursor: default;
 }
 

TimePicker/index.ts

@@ -6,11 +6,9 @@ import TimePickerTextBox , {IProps} from "./TimePickerTextBox";
 export class TimePicker implements ComponentFramework.StandardControl<IInputs, IOutputs> {
 
 	private _root: Root;
-	private _isFluent2:    boolean
 	private _hourvalue:number|undefined;
 	private _minutevalue:number|undefined;
 	private _notifyOutputChanged:() => void;
-	private _container: HTMLDivElement;
 	private _props: IProps = { hourvalue : undefined, 
 								minutevalue : undefined,
 								readonly:false,
@@ -19,6 +17,7 @@ export class TimePicker implements ComponentFramework.StandardControl<IInputs, I
 								use12Hours:true,
 								hourstep:1,
 								minutestep:1,
+								editenabled:false,
 
 								onChange : this.notifyChange.bind(this) };
 
@@ -47,10 +46,6 @@ export class TimePicker implements ComponentFramework.StandardControl<IInputs, I
 		this._notifyOutputChanged = notifyOutputChanged;
 		this._root = createRoot(container!)
 
-		// context.fluentDesignLanguage will be null if 'New Look' is not turned on
-		if((context as any).fluentDesignLanguage){
-			this._isFluent2 = true;
-		}
 	}
 
 	/**
@@ -85,6 +80,7 @@ export class TimePicker implements ComponentFramework.StandardControl<IInputs, I
 		this._props.format = display === "12 hrs" ? "h:mm a" : "k:mm";
 		this._props.hourstep = context.parameters.hourstep?.raw ?? 1;
 		this._props.minutestep = context.parameters.minutestep?.raw ?? 1;
+		this._props.editenabled = context.parameters.editenabled?.raw === "true" ?? false;
 
 
 		this._root.render(createElement(TimePickerTextBox, this._props))