fix: date picker tweaks (#2685)

apps/web/app/(app)/environments/[environmentId]/settings/(team)/members/components/EditMemberships/TeamActions.tsx

@@ -73,20 +73,14 @@ export const TeamActions = ({
 
   return (
     <>
-      <div className="mb-4 text-right">
+      <div className="mb-4 flex justify-end space-x-2 text-right">
         {role !== "owner" && (
-          <Button
-            EndIcon={XIcon}
-            variant="secondary"
-            size="sm"
-            className="mr-2"
-            onClick={() => setLeaveTeamModalOpen(true)}>
+          <Button EndIcon={XIcon} variant="secondary" size="sm" onClick={() => setLeaveTeamModalOpen(true)}>
             Leave team
           </Button>
         )}
         <Button
           variant="secondary"
-          className="mr-2"
           size="sm"
           onClick={() => {
             setCreateTeamModalOpen(true);

packages/surveys/src/styles/date-picker.css

@@ -93,3 +93,23 @@ margin-bottom: 0px;
 .react-calendar__month-view__weekdays__weekday > abbr {
   text-decoration: none;
 }
+
+.react-calendar{
+  width: 100%;
+  line-height: 2rem;
+}
+
+.react-calendar__tile--active{
+  background: var(--fb-brand-color) !important;
+  border-radius: 6px;
+}
+
+.react-calendar button:hover{
+  background: rgb(226 232 240) !important;
+  border-radius: 10%;
+}
+
+.react-calendar button:focus{
+  outline: 2px solid rgb(226 232 240) !important;
+  border-radius: 6px;
+}