Merge branch 'main' into pr-3988-rebase-v3

Author: laug

docs-site/package.json

@@ -29,7 +29,7 @@
     "raw-loader": "^4.0.2",
     "react-app-rewired": "^2.2.1",
     "react-scripts": "5.0.1",
-    "sass": "^1.77.8"
+    "sass": "^1.79.4"
   },
   "resolutions": {
     "strip-ansi": "6.0.1"

docs-site/src/components/Examples/index.js

@@ -8,6 +8,7 @@ import Default from "../../examples/default";
 import NoAnchorArrow from "../../examples/noAnchorArrow";
 import ShowTime from "../../examples/showTime";
 import ShowTimeOnly from "../../examples/showTimeOnly";
+import HideTimeCaption from "../../examples/hideTimeCaption";
 import ExcludeTimes from "../../examples/excludeTimes";
 import IncludeTimes from "../../examples/includeTimes";
 import InjectTimes from "../../examples/injectTimes";
@@ -487,6 +488,10 @@ export default class exampleComponents extends React.Component {
       title: "Select Time Only",
       component: ShowTimeOnly,
     },
+    {
+      title: "Hide Time Caption",
+      component: HideTimeCaption,
+    },
     {
       title: "Show previous months",
       component: MultiMonthPrevious,

docs-site/src/examples/customTimeInput.js

@@ -4,6 +4,7 @@
     <input
       value={value}
       onChange={(e) => onChange(e.target.value)}
+      onClick={(e) => e.target?.focus()}
       style={{ border: "solid 1px pink" }}
     />
   );

docs-site/src/examples/hideTimeCaption.js

@@ -0,0 +1,14 @@
+() => {
+  const [startDate, setStartDate] = useState(new Date());
+  return (
+    <DatePicker
+      selected={startDate}
+      onChange={(date) => setStartDate(date)}
+      showTimeSelect
+      showTimeSelectOnly
+      timeIntervals={15}
+      dateFormat="h:mm aa"
+      showTimeCaption={false}
+    />
+  );
+};