carbon-react 146.5.3 → 146.6.1

package/esm/components/date/__internal__/date-picker/date-picker.component.js

@@ -14,6 +14,7 @@ import StyledDayPicker from "./day-picker.style";
 const popoverMiddleware = [offset(3), flip({
   fallbackStrategy: "initialPlacement"
 })];
+const Nav = Navbar;
 export const DatePicker = ({
   inputElement,
   minDate,
@@ -157,16 +158,14 @@ export const DatePicker = ({
         weekdaysShort
       }
     },
-    selected: focusedMonth,
+    selected: selectedDays,
     month: focusedMonth || /* istanbul ignore next */new Date(),
     onDayClick: (d, _, e) => {
       const date = d;
       handleDayClick(date, e);
     },
     components: {
-      Nav: props => {
-        return /*#__PURE__*/React.createElement(Navbar, props);
-      },
+      Nav,
       Weekday: props => {
         const fixedDays = {
           Sunday: 0,

package/esm/components/form/form.style.js

@@ -4,6 +4,7 @@ import StyledFormField from "../../__internal__/form-field/form-field.style";
 import baseTheme from "../../style/themes/base";
 import StyledSearch from "../search/search.style";
 import StyledTextarea from "../textarea/textarea.style";
+import { StyledNumeralDate } from "../numeral-date/numeral-date.style";
 export const StyledFormContent = styled.div(({
   stickyFooter,
   isInModal
@@ -64,7 +65,10 @@ export const StyledForm = styled.form`
     `}
 
   // field spacing is also applied to form field here so we need to override
-  ${StyledSearch} ${StyledFormField}, ${StyledTextarea} ${StyledFormField}, [data-component="time"] ${StyledFormField} {
+  ${StyledSearch} ${StyledFormField}, 
+  ${StyledTextarea} ${StyledFormField}, 
+  [data-component="time"] ${StyledFormField}, 
+  ${StyledNumeralDate} ${StyledFormField} {
     margin-bottom: var(--spacing000);
   }
 

package/lib/components/date/__internal__/date-picker/date-picker.component.js

@@ -23,6 +23,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 const popoverMiddleware = [(0, _dom.offset)(3), (0, _dom.flip)({
   fallbackStrategy: "initialPlacement"
 })];
+const Nav = _navbar.default;
 const DatePicker = ({
   inputElement,
   minDate,
@@ -166,16 +167,14 @@ const DatePicker = ({
         weekdaysShort
       }
     },
-    selected: focusedMonth,
+    selected: selectedDays,
     month: focusedMonth || /* istanbul ignore next */new Date(),
     onDayClick: (d, _, e) => {
       const date = d;
       handleDayClick(date, e);
     },
     components: {
-      Nav: props => {
-        return /*#__PURE__*/_react.default.createElement(_navbar.default, props);
-      },
+      Nav,
       Weekday: props => {
         const fixedDays = {
           Sunday: 0,

package/lib/components/form/form.style.js

@@ -10,6 +10,7 @@ var _formField = _interopRequireDefault(require("../../__internal__/form-field/f
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 var _search = _interopRequireDefault(require("../search/search.style"));
 var _textarea = _interopRequireDefault(require("../textarea/textarea.style"));
+var _numeralDate = require("../numeral-date/numeral-date.style");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -73,7 +74,10 @@ const StyledForm = exports.StyledForm = _styledComponents.default.form`
     `}
 
   // field spacing is also applied to form field here so we need to override
-  ${_search.default} ${_formField.default}, ${_textarea.default} ${_formField.default}, [data-component="time"] ${_formField.default} {
+  ${_search.default} ${_formField.default}, 
+  ${_textarea.default} ${_formField.default}, 
+  [data-component="time"] ${_formField.default}, 
+  ${_numeralDate.StyledNumeralDate} ${_formField.default} {
     margin-bottom: var(--spacing000);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "146.5.3",
+  "version": "146.6.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",