@instructure/ui-date-time-input 10.11.1-snapshot-8 → 10.11.1-snapshot-9

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.11.1-snapshot-8](https://github.com/instructure/instructure-ui/compare/v10.11.0...v10.11.1-snapshot-8) (2025-02-14)
+## [10.11.1-snapshot-9](https://github.com/instructure/instructure-ui/compare/v10.11.0...v10.11.1-snapshot-9) (2025-02-20)
 
 **Note:** Version bump only for package @instructure/ui-date-time-input
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-time-input",
-  "version": "10.11.1-snapshot-8",
+  "version": "10.11.1-snapshot-9",
   "description": "A UI component that allows to select date and time.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,8 +23,8 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "10.11.1-snapshot-8",
-    "@instructure/ui-test-utils": "10.11.1-snapshot-8",
+    "@instructure/ui-babel-preset": "10.11.1-snapshot-9",
+    "@instructure/ui-test-utils": "10.11.1-snapshot-9",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -32,20 +32,20 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@instructure/console": "10.11.1-snapshot-8",
-    "@instructure/shared-types": "10.11.1-snapshot-8",
-    "@instructure/ui-a11y-content": "10.11.1-snapshot-8",
-    "@instructure/ui-buttons": "10.11.1-snapshot-8",
-    "@instructure/ui-calendar": "10.11.1-snapshot-8",
-    "@instructure/ui-date-input": "10.11.1-snapshot-8",
-    "@instructure/ui-form-field": "10.11.1-snapshot-8",
-    "@instructure/ui-i18n": "10.11.1-snapshot-8",
-    "@instructure/ui-icons": "10.11.1-snapshot-8",
-    "@instructure/ui-prop-types": "10.11.1-snapshot-8",
-    "@instructure/ui-react-utils": "10.11.1-snapshot-8",
-    "@instructure/ui-testable": "10.11.1-snapshot-8",
-    "@instructure/ui-time-select": "10.11.1-snapshot-8",
-    "@instructure/ui-utils": "10.11.1-snapshot-8",
+    "@instructure/console": "10.11.1-snapshot-9",
+    "@instructure/shared-types": "10.11.1-snapshot-9",
+    "@instructure/ui-a11y-content": "10.11.1-snapshot-9",
+    "@instructure/ui-buttons": "10.11.1-snapshot-9",
+    "@instructure/ui-calendar": "10.11.1-snapshot-9",
+    "@instructure/ui-date-input": "10.11.1-snapshot-9",
+    "@instructure/ui-form-field": "10.11.1-snapshot-9",
+    "@instructure/ui-i18n": "10.11.1-snapshot-9",
+    "@instructure/ui-icons": "10.11.1-snapshot-9",
+    "@instructure/ui-prop-types": "10.11.1-snapshot-9",
+    "@instructure/ui-react-utils": "10.11.1-snapshot-9",
+    "@instructure/ui-testable": "10.11.1-snapshot-9",
+    "@instructure/ui-time-select": "10.11.1-snapshot-9",
+    "@instructure/ui-utils": "10.11.1-snapshot-9",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/DateTimeInput/README.md

@@ -23,7 +23,7 @@ The component is localized via its `locale` and `timezone` parameters. Both are
   class Example extends React.Component {
     render() {
       return (
-        <div style={{ height: '10rem', width: '40em' }}>
+        <div style={{ height: '15rem' }}>
           <DateTimeInput
             description="Pick a date and time"
             datePlaceholder="Choose a date"
@@ -45,7 +45,7 @@ The component is localized via its `locale` and `timezone` parameters. Both are
 - ```js
   const Example = () => {
     return (
-      <div style={{ height: '10rem', width: '40em' }}>
+      <div style={{ height: '15rem' }}>
         <DateTimeInput
           description="Pick a date and time"
           datePlaceholder="Choose a date"
@@ -98,7 +98,7 @@ This sample code also allows the user to enter an arbitrary time value by settin
         ? new Date(this.state.value).toString()
         : 'N/A'
       return (
-        <div style={{ width: '25em' }}>
+        <div>
           <div style={{ marginBottom: '1em', fontStyle: 'italic' }}>
             You entered:
             <br />
@@ -155,7 +155,7 @@ This sample code also allows the user to enter an arbitrary time value by settin
     const text = value ? new Date(value).toString() : 'N/A'
 
     return (
-      <div style={{ width: '25em' }}>
+      <div>
         <div style={{ marginBottom: '1em', fontStyle: 'italic' }}>
           You entered:
           <br />
@@ -214,7 +214,7 @@ type: example
     render() {
       return (
         <ApplyLocale locale="fr" timezone="Africa/Nairobi">
-          <div style={{ height: '12rem', width: '40em' }}>
+          <div style={{ height: '14rem' }}>
             <DateTimeInput
               description="Pick a date and time"
               datePlaceholder="Choose a date"
@@ -240,7 +240,7 @@ type: example
   const Example = () => {
     return (
       <ApplyLocale locale="fr" timezone="Africa/Nairobi">
-        <div style={{ height: '12rem', width: '40em' }}>
+        <div style={{ height: '14rem' }}>
           <DateTimeInput
             description="Pick a date and time"
             datePlaceholder="Choose a date"
@@ -304,7 +304,7 @@ type: example
     }
     render() {
       return (
-        <div style={{ height: '12rem', width: '40em' }}>
+        <div style={{ height: '15rem' }}>
           <DateTimeInput
             description="Pick a date and time"
             datePlaceholder="Choose a date"
@@ -349,7 +349,7 @@ type: example
     }
 
     return (
-      <div style={{ height: '12rem', width: '40em' }}>
+      <div style={{ height: '15rem' }}>
         <DateTimeInput
           description="Pick a date and time"
           datePlaceholder="Choose a date"