@leapdevuk/component-toolbox 0.0.69 → 0.0.70

package/dist/index.es.js

@@ -8581,17 +8581,14 @@ const go = ({
           {
             style: {
               backgroundColor: "#fff",
-              border: "1px solid rgba(0, 0, 0, 0.12)"
+              border: "1px solid rgba(0, 0, 0, 0.12)",
+              borderRadius: 0
             },
             children: /* @__PURE__ */ m.jsxs(
               "div",
               {
-                className: "displayFlex",
-                style: {
-                  flexDirection: "row",
-                  alignItems: "center",
-                  borderRight: "1px solid rgba(0, 0, 0, 0.12)"
-                },
+                className: "displayFlex dateActionButtons",
+                style: { flexDirection: "row" },
                 children: [
                   ((s == null ? void 0 : s.showToday) || (s == null ? void 0 : s.showYesterday) || (s == null ? void 0 : s.showThisWeek) || (s == null ? void 0 : s.showLastWeek) || (s == null ? void 0 : s.showThisMonth) || (s == null ? void 0 : s.showLastMonth) || (s == null ? void 0 : s.showLast30) || (s == null ? void 0 : s.showLast60) || (s == null ? void 0 : s.showLast90) || (s == null ? void 0 : s.customActions)) && /* @__PURE__ */ m.jsxs(
                     "div",
@@ -8875,62 +8872,73 @@ const go = ({
                     }
                   ),
                   /* @__PURE__ */ m.jsx(
-                    Ea,
+                    "div",
                     {
-                      dateAdapter: Wa,
-                      adapterLocale: x,
+                      className: "displayFlex",
+                      style: {
+                        flexDirection: "column",
+                        borderLeft: "1px solid #e0e0e0",
+                        alignSelf: "flex-start"
+                      },
                       children: /* @__PURE__ */ m.jsx(
-                        ls,
+                        Ea,
                         {
-                          value: [
-                            O ? new Date(O) : null,
-                            M ? new Date(M) : null
-                          ],
-                          onChange: (v, $) => {
-                            $ !== "partial" && R(!1);
-                            const D = v[0] ? v[0] : null, B = v[1] ? v[1] : null;
-                            if (h) {
-                              const ye = h(D);
-                              ye && c(ye);
-                              const E = h(B);
-                              E && c(E);
-                            }
-                            _(d), W(
-                              D && Ee(new Date(D), A)
-                            ), L(
-                              B && Ee(new Date(B), A)
-                            ), i(
-                              te(
-                                D ? new Date(D) : null,
-                                !0,
-                                a,
-                                e,
-                                o
-                              ),
-                              te(
-                                B ? new Date(B) : null,
-                                r,
-                                !0,
-                                e,
-                                o
-                              )
-                            );
-                          },
-                          calendars: k || 2,
-                          sx: {
-                            "& .MuiTypography-caption": { height: 30, width: 30 },
-                            "& .MuiDateRangePickerDay-rangeIntervalPreview": {
-                              height: 30,
-                              width: 30
-                            },
-                            "& .MuiDayCalendar-slideTransition": {
-                              minHeight: 220,
-                              height: 220
+                          dateAdapter: Wa,
+                          adapterLocale: x,
+                          children: /* @__PURE__ */ m.jsx(
+                            ls,
+                            {
+                              value: [
+                                O ? new Date(O) : null,
+                                M ? new Date(M) : null
+                              ],
+                              onChange: (v, $) => {
+                                $ !== "partial" && R(!1);
+                                const D = v[0] ? v[0] : null, B = v[1] ? v[1] : null;
+                                if (h) {
+                                  const ye = h(D);
+                                  ye && c(ye);
+                                  const E = h(B);
+                                  E && c(E);
+                                }
+                                _(d), W(
+                                  D && Ee(new Date(D), A)
+                                ), L(
+                                  B && Ee(new Date(B), A)
+                                ), i(
+                                  te(
+                                    D ? new Date(D) : null,
+                                    !0,
+                                    a,
+                                    e,
+                                    o
+                                  ),
+                                  te(
+                                    B ? new Date(B) : null,
+                                    r,
+                                    !0,
+                                    e,
+                                    o
+                                  )
+                                );
+                              },
+                              calendars: k || 2,
+                              sx: {
+                                "& .MuiTypography-caption": { height: 30, width: 30 },
+                                "& .MuiDateRangePickerDay-rangeIntervalPreview": {
+                                  height: 30,
+                                  width: 30
+                                },
+                                "& .MuiDayCalendar-slideTransition": {
+                                  minHeight: 220,
+                                  height: 220
+                                }
+                              },
+                              slotProps: {
+                                day: { style: { height: 30, width: 30 } }
+                              }
                             }
-                          },
-                          slotProps: {
-                            day: { style: { height: 30, width: 30 } }
-                          }
+                          )
                         }
                       )
                     }