@hero-design/rn-work-uikit 1.6.2-alpha.0 → 1.6.2

package/lib/index.js

@@ -7325,7 +7325,8 @@ var getTypographyTheme = function getTypographyTheme(theme) {
     inverted: theme.colors.onDarkGlobalSurface,
     archived: theme.colors.onArchivedSurface,
     disabled: theme.colors.disabledOnDefaultGlobalSurface,
-    muted: theme.colors.mutedOnDefaultGlobalSurface
+    muted: theme.colors.mutedOnDefaultGlobalSurface,
+    inactive: theme.colors.inactiveOnDefaultGlobalSurface
   };
   var fontSizes = {
     xsmall: theme.fontSizes.xsmall,
@@ -7717,6 +7718,62 @@ var getFilterTriggerTheme = function getFilterTriggerTheme(theme) {
   };
 };
 
+var getSegmentedControlTheme = function getSegmentedControlTheme(theme) {
+  var sizes = {
+    itemHeight: {
+      medium: scale(28),
+      large: scale(36)
+    },
+    wrapperHeight: {
+      medium: scale(36),
+      large: scale(44)
+    }
+  };
+  var colors = {
+    itemBackground: {
+      inactive: 'transparent',
+      active: theme.colors.defaultGlobalSurface
+    },
+    wrapperBackground: theme.colors.neutralGlobalSurface
+  };
+  var shadows = {
+    item: {
+      inactive: undefined,
+      active: theme.shadows["default"]
+    }
+  };
+  var radii = {
+    item: {
+      medium: theme.radii.large,
+      large: theme.radii.xlarge
+    },
+    wrapper: {
+      medium: theme.radii.xlarge,
+      large: theme.radii.xxlarge
+    }
+  };
+  var space = {
+    wrapperHorizontalPadding: theme.space.xsmall,
+    itemLabelGap: theme.space.xsmall,
+    itemLabelMarginEnd: theme.space.smallMedium,
+    itemAffixGap: theme.space.small
+  };
+  var lineHeights = {
+    itemText: reactNative.Platform.select({
+      android: 20,
+      ios: undefined
+    })
+  };
+  return {
+    sizes: sizes,
+    colors: colors,
+    shadows: shadows,
+    radii: radii,
+    space: space,
+    lineHeights: lineHeights
+  };
+};
+
 var getTheme$1 = function getTheme() {
   var scale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : scale$1;
   var systemPallete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : swagSystemPalette$2;
@@ -7777,7 +7834,8 @@ var getTheme$1 = function getTheme() {
       toast: getToastTheme(globalTheme),
       toolbar: getToolbarTheme(globalTheme),
       typography: getTypographyTheme(globalTheme),
-      floatingIsland: getFloatingIslandTheme(globalTheme)
+      floatingIsland: getFloatingIslandTheme(globalTheme),
+      segmentedControl: getSegmentedControlTheme(globalTheme)
     }
   });
 };
@@ -7922,7 +7980,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
 };
 
 // 🔴 DO NOT EDIT — This file is generated automatically.
-var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark-checked', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'dot', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'explore_nearby', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'hero-points', 'home', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip-vertical', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'search', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', 'accommodation-outlined', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'afternoon-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'application-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'automotive-outlined', 'bakery-outlined', 'bar-outlined', 'beauty-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-checked-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calculator-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'cashback-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cultural-site-outlined', 'cup-outlined', 'dentistry-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'electronics-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'entertainment-outlined', 'envelope-outlined', 'evening-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'fitness-outlined', 'folder-outlined', 'folder-upload-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'grocery-outlined', 'hand-holding-user-outlined', 'handshake-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'local_mall_outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'map-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'park-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'restaurant-outlined', 'resume-outlined', 'return-arrow', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shield-check-outlined', 'shop-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'start-break-outlined', 'stash-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'thumb-down-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'transportation-outlined', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
+var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark-checked', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'dot', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'explore_nearby', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'hero-points', 'home', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip-vertical', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'search', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'thumb-up', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', 'accommodation-outlined', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'afternoon-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'application-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'automotive-outlined', 'bakery-outlined', 'bar-outlined', 'beauty-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-checked-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calculator-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'cashback-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cultural-site-outlined', 'cup-outlined', 'dentistry-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'electronics-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'entertainment-outlined', 'envelope-outlined', 'evening-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'fitness-outlined', 'folder-outlined', 'folder-upload-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'grocery-outlined', 'hand-holding-user-outlined', 'handshake-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'local_mall_outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'map-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'park-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'restaurant-outlined', 'resume-outlined', 'return-arrow', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shield-check-outlined', 'shop-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'start-break-outlined', 'stash-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'thumb-down-outlined', 'thumb-up-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'transportation-outlined', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
 
 var activate = 59000;
 var adjustment = 59003;
@@ -7993,29 +8051,29 @@ var swag = 59175;
 var tag = 59178;
 var target = 59179;
 var teams = 59180;
-var timesheet = 59182;
-var unlock = 59185;
-var user = 59186;
-var wallet = 59189;
-var warning = 59190;
-var add = 59198;
-var bold = 59228;
-var cancel = 59245;
-var checkmark = 59251;
-var italic = 59347;
-var local_mall_outlined = 59354;
-var number$2 = 59377;
-var percentage = 59383;
-var redeem = 59393;
-var refresh = 59394;
-var remove$1 = 59395;
-var restart = 59397;
-var shopping_basket_outlined = 59414;
-var strikethrough = 59429;
-var sync = 59435;
-var transfer = 59444;
-var unavailable = 59449;
-var underline = 59450;
+var timesheet = 59183;
+var unlock = 59186;
+var user = 59187;
+var wallet = 59190;
+var warning = 59191;
+var add = 59199;
+var bold = 59229;
+var cancel = 59246;
+var checkmark = 59252;
+var italic = 59348;
+var local_mall_outlined = 59355;
+var number$2 = 59378;
+var percentage = 59384;
+var redeem = 59394;
+var refresh = 59395;
+var remove$1 = 59396;
+var restart = 59398;
+var shopping_basket_outlined = 59415;
+var strikethrough = 59430;
+var sync = 59436;
+var transfer = 59446;
+var unavailable = 59451;
+var underline = 59452;
 var glyphMap = {
 	activate: activate,
 	"add-emoji": 59001,
@@ -8199,287 +8257,289 @@ var glyphMap = {
 	target: target,
 	teams: teams,
 	"thumb-down": 59181,
+	"thumb-up": 59182,
 	timesheet: timesheet,
-	"touch-id": 59183,
-	"trash-bin": 59184,
+	"touch-id": 59184,
+	"trash-bin": 59185,
 	unlock: unlock,
 	user: user,
-	"video-1": 59187,
-	"video-2": 59188,
+	"video-1": 59188,
+	"video-2": 59189,
 	wallet: wallet,
 	warning: warning,
-	"academic-hat-outlined": 59191,
-	"accommodation-outlined": 59192,
-	"activate-outlined": 59193,
-	"add-credit-card-outlined": 59194,
-	"add-person-outlined": 59195,
-	"add-section-outlined": 59196,
-	"add-time-outlined": 59197,
+	"academic-hat-outlined": 59192,
+	"accommodation-outlined": 59193,
+	"activate-outlined": 59194,
+	"add-credit-card-outlined": 59195,
+	"add-person-outlined": 59196,
+	"add-section-outlined": 59197,
+	"add-time-outlined": 59198,
 	add: add,
-	"adjustment-outlined": 59199,
-	"afternoon-outlined": 59200,
-	"ai-outlined": 59201,
-	"alignment-2-outlined": 59202,
-	"alignment-outlined": 59203,
-	"all-caps": 59204,
-	"application-outlined": 59205,
-	"arrow-down": 59206,
-	"arrow-downwards": 59207,
-	"arrow-left": 59208,
-	"arrow-leftwards": 59209,
-	"arrow-right": 59210,
-	"arrow-rightwards": 59211,
-	"arrow-up": 59212,
-	"arrow-upwards": 59213,
-	"article-outlined": 59214,
-	"at-sign": 59215,
-	"auto-graph-outlined": 59216,
-	"automotive-outlined": 59217,
-	"bakery-outlined": 59218,
-	"bar-outlined": 59219,
-	"beauty-outlined": 59220,
-	"beer-outlined": 59221,
-	"bell-active-outlined": 59222,
-	"bell-outlined": 59223,
-	"bell-slash-outlined": 59224,
-	"bill-management-outlined": 59225,
-	"billing-outlined": 59226,
-	"body-outlined": 59227,
+	"adjustment-outlined": 59200,
+	"afternoon-outlined": 59201,
+	"ai-outlined": 59202,
+	"alignment-2-outlined": 59203,
+	"alignment-outlined": 59204,
+	"all-caps": 59205,
+	"application-outlined": 59206,
+	"arrow-down": 59207,
+	"arrow-downwards": 59208,
+	"arrow-left": 59209,
+	"arrow-leftwards": 59210,
+	"arrow-right": 59211,
+	"arrow-rightwards": 59212,
+	"arrow-up": 59213,
+	"arrow-upwards": 59214,
+	"article-outlined": 59215,
+	"at-sign": 59216,
+	"auto-graph-outlined": 59217,
+	"automotive-outlined": 59218,
+	"bakery-outlined": 59219,
+	"bar-outlined": 59220,
+	"beauty-outlined": 59221,
+	"beer-outlined": 59222,
+	"bell-active-outlined": 59223,
+	"bell-outlined": 59224,
+	"bell-slash-outlined": 59225,
+	"bill-management-outlined": 59226,
+	"billing-outlined": 59227,
+	"body-outlined": 59228,
 	bold: bold,
-	"bolt-outlined": 59229,
-	"book-outlined": 59230,
-	"bookmark-added-outlined": 59231,
-	"bookmark-checked-outlined": 59232,
-	"bookmark-outlined": 59233,
-	"box-1-outlined": 59234,
-	"box-check-outlined": 59235,
-	"box-outlined": 59236,
-	"bullet-points": 59237,
-	"cake-outlined": 59238,
-	"calculator-outlined": 59239,
-	"calendar-dates-outlined": 59240,
-	"calendar-star-outlined": 59241,
-	"call-outlined": 59242,
-	"call-split-outlined": 59243,
-	"camera-outlined": 59244,
+	"bolt-outlined": 59230,
+	"book-outlined": 59231,
+	"bookmark-added-outlined": 59232,
+	"bookmark-checked-outlined": 59233,
+	"bookmark-outlined": 59234,
+	"box-1-outlined": 59235,
+	"box-check-outlined": 59236,
+	"box-outlined": 59237,
+	"bullet-points": 59238,
+	"cake-outlined": 59239,
+	"calculator-outlined": 59240,
+	"calendar-dates-outlined": 59241,
+	"calendar-star-outlined": 59242,
+	"call-outlined": 59243,
+	"call-split-outlined": 59244,
+	"camera-outlined": 59245,
 	cancel: cancel,
-	"car-forward-outlined": 59246,
-	"cashback-outlined": 59247,
-	"charging-station-outlined": 59248,
-	"chat-bubble-outlined": 59249,
-	"chat-unread-outlined": 59250,
+	"car-forward-outlined": 59247,
+	"cashback-outlined": 59248,
+	"charging-station-outlined": 59249,
+	"chat-bubble-outlined": 59250,
+	"chat-unread-outlined": 59251,
 	checkmark: checkmark,
-	"circle-add-outlined": 59252,
-	"circle-cancel-outlined": 59253,
-	"circle-down-outlined": 59254,
-	"circle-info-outlined": 59255,
-	"circle-left-outlined": 59256,
-	"circle-ok-outlined": 59257,
-	"circle-question-outlined": 59258,
-	"circle-remove-outlined": 59259,
-	"circle-right-outlined": 59260,
-	"circle-up-outlined": 59261,
-	"circle-warning-outlined": 59262,
-	"clock-2-outlined": 59263,
-	"clock-in-outlined": 59264,
-	"clock-out-outlined": 59265,
-	"clock-outlined": 59266,
-	"cog-outlined": 59267,
-	"coin-outlined": 59268,
-	"coin-super-outlined": 59269,
-	"comment-outlined": 59270,
-	"contacts-outlined": 59271,
-	"contacts-user-outlined": 59272,
-	"credit-card-outlined": 59273,
-	"cultural-site-outlined": 59274,
-	"cup-outlined": 59275,
-	"dentistry-outlined": 59276,
-	"direction-arrows-outlined": 59277,
-	"directory-outlined": 59278,
-	"document-outlined": 59279,
-	"dollar-box-outlined": 59280,
-	"dollar-card-outlined": 59281,
-	"dollar-coin-shine-outlined": 59282,
-	"dollar-credit-card-outlined": 59283,
-	"dollar-sign": 59284,
-	"double-buildings-outlined": 59285,
-	"double-left-arrows": 59286,
-	"double-right-arrows": 59287,
-	"download-box-outlined": 59288,
-	"download-outlined": 59289,
-	"edit-template-outlined": 59290,
-	"electronics-outlined": 59291,
-	"email-outlined": 59292,
-	"end-break-outlined": 59293,
-	"enter-arrow": 59294,
-	"entertainment-outlined": 59295,
-	"envelope-outlined": 59296,
-	"evening-outlined": 59297,
-	"expense-approval-outlined": 59298,
-	"expense-outlined": 59299,
-	"explore-outlined": 59300,
-	"extension-outlined": 59301,
-	"external-link": 59302,
-	"eye-invisible-outlined": 59303,
-	"eye-outlined": 59304,
-	"face-id": 59305,
-	"face-meh-outlined": 59306,
-	"face-open-smiley-outlined": 59307,
-	"face-sad-outlined": 59308,
-	"face-smiley-outlined": 59309,
-	"fastfood-outlined": 59310,
-	"feed-outlined": 59311,
-	"file-certified-outlined": 59312,
-	"file-clone-outlined": 59313,
-	"file-copy-outlined": 59314,
-	"file-dispose-outlined": 59315,
-	"file-dollar-certified-outlined": 59316,
-	"file-dollar-outlined": 59317,
-	"file-download-outlined": 59318,
-	"file-export-outlined": 59319,
-	"file-lock-outlined": 59320,
-	"file-outlined": 59321,
-	"file-search-outlined": 59322,
-	"file-secured-outlined": 59323,
-	"file-statutory-outlined": 59324,
-	"file-verified-outlined": 59325,
-	"filter-outlined": 59326,
-	"fitness-outlined": 59327,
-	"folder-outlined": 59328,
-	"folder-upload-outlined": 59329,
-	"folder-user-outlined": 59330,
-	"form-outlined": 59331,
-	"funnel-filter-outline": 59332,
-	"goal-outlined": 59333,
-	"graph-outlined": 59334,
-	"grocery-outlined": 59335,
-	"hand-holding-user-outlined": 59336,
-	"handshake-outlined": 59337,
-	"happy-sun-outlined": 59338,
-	"health-bag-outlined": 59339,
-	"heart-outlined": 59340,
-	"home-active-outlined": 59341,
-	"home-outlined": 59342,
-	"id-card-outlined": 59343,
-	"image-outlined": 59344,
-	"import-outlined": 59345,
-	"instapay-outlined": 59346,
+	"circle-add-outlined": 59253,
+	"circle-cancel-outlined": 59254,
+	"circle-down-outlined": 59255,
+	"circle-info-outlined": 59256,
+	"circle-left-outlined": 59257,
+	"circle-ok-outlined": 59258,
+	"circle-question-outlined": 59259,
+	"circle-remove-outlined": 59260,
+	"circle-right-outlined": 59261,
+	"circle-up-outlined": 59262,
+	"circle-warning-outlined": 59263,
+	"clock-2-outlined": 59264,
+	"clock-in-outlined": 59265,
+	"clock-out-outlined": 59266,
+	"clock-outlined": 59267,
+	"cog-outlined": 59268,
+	"coin-outlined": 59269,
+	"coin-super-outlined": 59270,
+	"comment-outlined": 59271,
+	"contacts-outlined": 59272,
+	"contacts-user-outlined": 59273,
+	"credit-card-outlined": 59274,
+	"cultural-site-outlined": 59275,
+	"cup-outlined": 59276,
+	"dentistry-outlined": 59277,
+	"direction-arrows-outlined": 59278,
+	"directory-outlined": 59279,
+	"document-outlined": 59280,
+	"dollar-box-outlined": 59281,
+	"dollar-card-outlined": 59282,
+	"dollar-coin-shine-outlined": 59283,
+	"dollar-credit-card-outlined": 59284,
+	"dollar-sign": 59285,
+	"double-buildings-outlined": 59286,
+	"double-left-arrows": 59287,
+	"double-right-arrows": 59288,
+	"download-box-outlined": 59289,
+	"download-outlined": 59290,
+	"edit-template-outlined": 59291,
+	"electronics-outlined": 59292,
+	"email-outlined": 59293,
+	"end-break-outlined": 59294,
+	"enter-arrow": 59295,
+	"entertainment-outlined": 59296,
+	"envelope-outlined": 59297,
+	"evening-outlined": 59298,
+	"expense-approval-outlined": 59299,
+	"expense-outlined": 59300,
+	"explore-outlined": 59301,
+	"extension-outlined": 59302,
+	"external-link": 59303,
+	"eye-invisible-outlined": 59304,
+	"eye-outlined": 59305,
+	"face-id": 59306,
+	"face-meh-outlined": 59307,
+	"face-open-smiley-outlined": 59308,
+	"face-sad-outlined": 59309,
+	"face-smiley-outlined": 59310,
+	"fastfood-outlined": 59311,
+	"feed-outlined": 59312,
+	"file-certified-outlined": 59313,
+	"file-clone-outlined": 59314,
+	"file-copy-outlined": 59315,
+	"file-dispose-outlined": 59316,
+	"file-dollar-certified-outlined": 59317,
+	"file-dollar-outlined": 59318,
+	"file-download-outlined": 59319,
+	"file-export-outlined": 59320,
+	"file-lock-outlined": 59321,
+	"file-outlined": 59322,
+	"file-search-outlined": 59323,
+	"file-secured-outlined": 59324,
+	"file-statutory-outlined": 59325,
+	"file-verified-outlined": 59326,
+	"filter-outlined": 59327,
+	"fitness-outlined": 59328,
+	"folder-outlined": 59329,
+	"folder-upload-outlined": 59330,
+	"folder-user-outlined": 59331,
+	"form-outlined": 59332,
+	"funnel-filter-outline": 59333,
+	"goal-outlined": 59334,
+	"graph-outlined": 59335,
+	"grocery-outlined": 59336,
+	"hand-holding-user-outlined": 59337,
+	"handshake-outlined": 59338,
+	"happy-sun-outlined": 59339,
+	"health-bag-outlined": 59340,
+	"heart-outlined": 59341,
+	"home-active-outlined": 59342,
+	"home-outlined": 59343,
+	"id-card-outlined": 59344,
+	"image-outlined": 59345,
+	"import-outlined": 59346,
+	"instapay-outlined": 59347,
 	italic: italic,
-	"job-search-outlined": 59348,
-	"leave-approval-outlined": 59349,
-	"link-1": 59350,
-	"link-2": 59351,
-	"list-outlined": 59352,
-	"live-help-outlined": 59353,
+	"job-search-outlined": 59349,
+	"leave-approval-outlined": 59350,
+	"link-1": 59351,
+	"link-2": 59352,
+	"list-outlined": 59353,
+	"live-help-outlined": 59354,
 	local_mall_outlined: local_mall_outlined,
-	"location-on-outlined": 59355,
-	"location-outlined": 59356,
-	"lock-outlined": 59357,
-	"locked-file-outlined": 59358,
-	"log-out": 59359,
-	"mail-outlined": 59360,
-	"map-outlined": 59361,
-	"media-content-outlined": 59362,
-	"menu-close": 59363,
-	"menu-expand": 59364,
-	"menu-fold-outlined": 59365,
-	"menu-unfold-outlined": 59366,
-	"moneybag-outlined": 59367,
-	"moon-outlined": 59368,
-	"more-horizontal": 59369,
-	"more-vertical": 59370,
-	"morning-outlined": 59371,
-	"multiple-folders-outlined": 59372,
-	"multiple-users-outlined": 59373,
-	"near-me-outlined": 59374,
-	"node-outlined": 59375,
-	"number-points": 59376,
+	"location-on-outlined": 59356,
+	"location-outlined": 59357,
+	"lock-outlined": 59358,
+	"locked-file-outlined": 59359,
+	"log-out": 59360,
+	"mail-outlined": 59361,
+	"map-outlined": 59362,
+	"media-content-outlined": 59363,
+	"menu-close": 59364,
+	"menu-expand": 59365,
+	"menu-fold-outlined": 59366,
+	"menu-unfold-outlined": 59367,
+	"moneybag-outlined": 59368,
+	"moon-outlined": 59369,
+	"more-horizontal": 59370,
+	"more-vertical": 59371,
+	"morning-outlined": 59372,
+	"multiple-folders-outlined": 59373,
+	"multiple-users-outlined": 59374,
+	"near-me-outlined": 59375,
+	"node-outlined": 59376,
+	"number-points": 59377,
 	number: number$2,
-	"overview-outlined": 59378,
-	"park-outlined": 59379,
-	"payment-summary-outlined": 59380,
-	"payslip-outlined": 59381,
-	"pencil-outlined": 59382,
+	"overview-outlined": 59379,
+	"park-outlined": 59380,
+	"payment-summary-outlined": 59381,
+	"payslip-outlined": 59382,
+	"pencil-outlined": 59383,
 	percentage: percentage,
-	"phone-outlined": 59384,
-	"piggy-bank-outlined": 59385,
-	"plane-outlined": 59386,
-	"play-circle-outlined": 59387,
-	"print-outlined": 59388,
-	"propane-tank-outlined": 59389,
-	"qr-code-outlined": 59390,
-	"qualification-outlined": 59391,
-	"re-assign": 59392,
+	"phone-outlined": 59385,
+	"piggy-bank-outlined": 59386,
+	"plane-outlined": 59387,
+	"play-circle-outlined": 59388,
+	"print-outlined": 59389,
+	"propane-tank-outlined": 59390,
+	"qr-code-outlined": 59391,
+	"qualification-outlined": 59392,
+	"re-assign": 59393,
 	redeem: redeem,
 	refresh: refresh,
 	remove: remove$1,
-	"reply-outlined": 59396,
+	"reply-outlined": 59397,
 	restart: restart,
-	"restaurant-outlined": 59398,
-	"resume-outlined": 59399,
-	"return-arrow": 59400,
-	"rostering-outlined": 59401,
-	"safety-outlined": 59402,
-	"save-outlined": 59403,
-	"schedule-outlined": 59404,
-	"search-outlined": 59405,
-	"search-secured-outlined": 59406,
-	"send-outlined": 59407,
-	"share-1": 59408,
-	"share-2": 59409,
-	"share-outlined-2": 59410,
-	"share-outlined": 59411,
-	"shield-check-outlined": 59412,
-	"shop-outlined": 59413,
+	"restaurant-outlined": 59399,
+	"resume-outlined": 59400,
+	"return-arrow": 59401,
+	"rostering-outlined": 59402,
+	"safety-outlined": 59403,
+	"save-outlined": 59404,
+	"schedule-outlined": 59405,
+	"search-outlined": 59406,
+	"search-secured-outlined": 59407,
+	"send-outlined": 59408,
+	"share-1": 59409,
+	"share-2": 59410,
+	"share-outlined-2": 59411,
+	"share-outlined": 59412,
+	"shield-check-outlined": 59413,
+	"shop-outlined": 59414,
 	shopping_basket_outlined: shopping_basket_outlined,
-	"show-chart-outlined": 59415,
-	"single-down-arrow": 59416,
-	"single-left-arrow": 59417,
-	"single-right-arrow": 59418,
-	"single-up-arrow": 59419,
-	"smart-match-outlined": 59420,
-	"sparkle-outlined": 59421,
-	"speaker-active-outlined": 59422,
-	"speaker-outlined": 59423,
-	"star-circle-outlined": 59424,
-	"star-outlined": 59425,
-	"start-break-outlined": 59426,
-	"stash-outlined": 59427,
-	"stopwatch-outlined": 59428,
+	"show-chart-outlined": 59416,
+	"single-down-arrow": 59417,
+	"single-left-arrow": 59418,
+	"single-right-arrow": 59419,
+	"single-up-arrow": 59420,
+	"smart-match-outlined": 59421,
+	"sparkle-outlined": 59422,
+	"speaker-active-outlined": 59423,
+	"speaker-outlined": 59424,
+	"star-circle-outlined": 59425,
+	"star-outlined": 59426,
+	"start-break-outlined": 59427,
+	"stash-outlined": 59428,
+	"stopwatch-outlined": 59429,
 	strikethrough: strikethrough,
-	"styler-outlined": 59430,
-	"suitcase-clock-outlined": 59431,
-	"suitcase-outlined": 59432,
-	"survey-outlined": 59433,
-	"switch-outlined": 59434,
+	"styler-outlined": 59431,
+	"suitcase-clock-outlined": 59432,
+	"suitcase-outlined": 59433,
+	"survey-outlined": 59434,
+	"switch-outlined": 59435,
 	sync: sync,
-	"tag-outlined": 59436,
-	"target-outlined": 59437,
-	"tennis-outlined": 59438,
-	"thumb-down-outlined": 59439,
-	"ticket-outlined": 59440,
-	"timesheet-outlined": 59441,
-	"timesheets-outlined": 59442,
-	"today-outlined": 59443,
+	"tag-outlined": 59437,
+	"target-outlined": 59438,
+	"tennis-outlined": 59439,
+	"thumb-down-outlined": 59440,
+	"thumb-up-outlined": 59441,
+	"ticket-outlined": 59442,
+	"timesheet-outlined": 59443,
+	"timesheets-outlined": 59444,
+	"today-outlined": 59445,
 	transfer: transfer,
-	"transportation-outlined": 59445,
-	"trash-bin-outlined": 59446,
-	"umbrela-outlined": 59447,
-	"unavailability-outlined": 59448,
+	"transportation-outlined": 59447,
+	"trash-bin-outlined": 59448,
+	"umbrela-outlined": 59449,
+	"unavailability-outlined": 59450,
 	unavailable: unavailable,
 	underline: underline,
-	"union-outlined": 59451,
-	"unlock-outlined": 59452,
-	"upload-outlined": 59453,
-	"user-circle-outlined": 59454,
-	"user-gear-outlined": 59455,
-	"user-outlined": 59456,
-	"user-rectangle-outlined": 59457,
-	"video-1-outlined": 59458,
-	"video-2-outlined": 59459,
-	"volunteer-outlined": 59460,
-	"wallet-outlined": 59461,
-	"wellness-outlined": 59462
+	"union-outlined": 59453,
+	"unlock-outlined": 59454,
+	"upload-outlined": 59455,
+	"user-circle-outlined": 59456,
+	"user-gear-outlined": 59457,
+	"user-outlined": 59458,
+	"user-rectangle-outlined": 59459,
+	"video-1-outlined": 59460,
+	"video-2-outlined": 59461,
+	"volunteer-outlined": 59462,
+	"wallet-outlined": 59463,
+	"wellness-outlined": 59464
 };
 
 var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -13810,6 +13870,16 @@ var CalendarRowItem = function CalendarRowItem(_ref) {
   }) : null));
 };
 
+var DAYS_OF_WEEK = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
+
+// Sunday first column => 0
+// Sunday last column  => 1
+var WEEK_INDEX_OFFSET = 1;
+var SUNDAY_INDEX = 6;
+
+// Always render 7 rows x 6 items for consistent layout
+var TOTAL_DATES_ITEMS = 7 * 6;
+
 var initArray = function initArray(length, func) {
   return Array.from(Array(length)).map(function (_, index) {
     return func(index);
@@ -13886,6 +13956,74 @@ var setStartOrEndDate = function setStartOrEndDate(_ref2) {
     endDate: undefined
   };
 };
+var shouldUseMonthPicker = function shouldUseMonthPicker(onMonthChange) {
+  return onMonthChange !== noop$2;
+};
+var getCalendarDate = function getCalendarDate(_ref3) {
+  var visibleDate = _ref3.visibleDate,
+    _ref3$markedDates = _ref3.markedDates,
+    markedDates = _ref3$markedDates === void 0 ? [] : _ref3$markedDates,
+    minDate = _ref3.minDate,
+    maxDate = _ref3.maxDate;
+  var currentMonth = visibleDate.getMonth();
+  var currentYear = visibleDate.getFullYear();
+  var parsedMaskedDate = markedDates.reduce(function (current, markedDate) {
+    return _objectSpread2(_objectSpread2({}, current), {}, _defineProperty({}, markedDate.toDateString(), true));
+  }, {});
+  var firstDateOfMonth = new Date(currentYear, currentMonth, 1);
+  var lastDateOfMonth = new Date(currentYear, currentMonth + 1, 0);
+  var lastDateOfPreviousMonth = new Date(currentYear, currentMonth, 0);
+
+  // Index of day in week is shifted by 1 due to Sunday is the last column
+  var firstDayWeekIndexOfMonth = firstDateOfMonth.getDay() === 0 ? SUNDAY_INDEX : firstDateOfMonth.getDay() - WEEK_INDEX_OFFSET;
+  var lastDayIndexOfCurrentMonth = lastDateOfMonth.getDate();
+  var lastDayIndexOfPreviousMonth = lastDateOfPreviousMonth.getDate();
+  var daysOfPreviousMonth = initArray(firstDayWeekIndexOfMonth, function (index) {
+    var reversedIndex = firstDayWeekIndexOfMonth - index - 1;
+    var count = lastDayIndexOfPreviousMonth - reversedIndex;
+    return getValidDate(new Date(currentYear, currentMonth - 1, count), minDate, maxDate);
+  });
+  var daysOfCurrentMonth = initArray(lastDayIndexOfCurrentMonth, function (index) {
+    return getValidDate(new Date(currentYear, currentMonth, index + 1), minDate, maxDate);
+  });
+  var daysOfNextMonth = initArray(TOTAL_DATES_ITEMS - (daysOfPreviousMonth.length + daysOfCurrentMonth.length), function (index) {
+    return getValidDate(new Date(currentYear, currentMonth + 1, index + 1), minDate, maxDate);
+  });
+  return {
+    firstDateOfMonth: firstDateOfMonth,
+    lastDateOfMonth: lastDateOfMonth,
+    parsedMaskedDate: parsedMaskedDate,
+    daysOfPreviousMonth: daysOfPreviousMonth,
+    daysOfCurrentMonth: daysOfCurrentMonth,
+    daysOfNextMonth: daysOfNextMonth
+  };
+};
+var getCalendarButtonState = function getCalendarButtonState(_ref4) {
+  var visibleDate = _ref4.visibleDate,
+    markedDates = _ref4.markedDates,
+    minDate = _ref4.minDate,
+    maxDate = _ref4.maxDate;
+  var _getCalendarDate = getCalendarDate({
+      visibleDate: visibleDate,
+      markedDates: markedDates,
+      minDate: minDate,
+      maxDate: maxDate
+    }),
+    daysOfPreviousMonth = _getCalendarDate.daysOfPreviousMonth,
+    daysOfNextMonth = _getCalendarDate.daysOfNextMonth,
+    firstDateOfMonth = _getCalendarDate.firstDateOfMonth,
+    lastDateOfMonth = _getCalendarDate.lastDateOfMonth;
+  var disablePrevButton = minDate === undefined ? false : !daysOfPreviousMonth.some(function (date) {
+    return date !== undefined;
+  }) && minDate >= firstDateOfMonth;
+  var disableNextButton = maxDate === undefined ? false : !daysOfNextMonth.some(function (date) {
+    return date !== undefined;
+  }) || maxDate <= lastDateOfMonth;
+  return {
+    disablePrevButton: disablePrevButton,
+    disableNextButton: disableNextButton
+  };
+};
 
 var SelectedDate = function SelectedDate(_ref) {
   var date = _ref.date,
@@ -13921,14 +14059,36 @@ var SelectedDate = function SelectedDate(_ref) {
   }) : null));
 };
 
-var DAYS_OF_WEEK$1 = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
-// Sunday first column => 0
-// Sunday last column  => 1
-var WEEK_INDEX_OFFSET$1 = 1;
-var SUNDAY_INDEX$1 = 6;
+var useCalendarLayout = function useCalendarLayout() {
+  var theme = useTheme();
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    contentHeight = _useState2[0],
+    setContentHeight = _useState2[1];
+  var calendarItemHeight = contentHeight - theme.__hd__.calendar.space.iosPickerMarginVertical * 2;
+  var _useState3 = React.useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    contentWidth = _useState4[0],
+    setContentWidth = _useState4[1];
+  var calendarItemWidth = React.useMemo(function () {
+    return contentWidth > 0 ? Math.floor((contentWidth - theme.__hd__.calendar.space.cellPadding) / 7) : undefined;
+  }, [contentWidth, theme]);
+  var onLayout = React.useCallback(function (e) {
+    var _e$nativeEvent$layout = e.nativeEvent.layout,
+      width = _e$nativeEvent$layout.width,
+      height = _e$nativeEvent$layout.height;
+    setContentHeight(height);
+    setContentWidth(width);
+  }, []);
+  return {
+    onLayout: onLayout,
+    contentHeight: contentHeight,
+    calendarItemHeight: calendarItemHeight,
+    contentWidth: contentWidth,
+    calendarItemWidth: calendarItemWidth
+  };
+};
 
-// Always render 7 rows x 6 items for consistent layout
-var TOTAL_DATES_ITEMS$1 = 7 * 6;
 var CalendarRange = function CalendarRange(_ref) {
   var value = _ref.value,
     visibleDate = _ref.visibleDate,
@@ -13951,53 +14111,35 @@ var CalendarRange = function CalendarRange(_ref) {
     monthPickerConfirmLabel = _ref.monthPickerConfirmLabel,
     monthPickerCancelLabel = _ref.monthPickerCancelLabel;
   var theme = useTheme();
-  var currentMonth = visibleDate.getMonth();
-  var currentYear = visibleDate.getFullYear();
-  var now = new Date();
-  var parsedMaskedDate = markedDates.reduce(function (current, markedDate) {
-    return _objectSpread2(_objectSpread2({}, current), {}, _defineProperty({}, markedDate.toDateString(), true));
-  }, {});
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     monthPickerVisible = _useState2[0],
     setMonthPickerVisible = _useState2[1];
-  var _useState3 = React.useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    contentHeight = _useState4[0],
-    setContentHeight = _useState4[1];
-  var _useState5 = React.useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    contentWidth = _useState6[0],
-    setContentWidth = _useState6[1];
-  var calendarItemWidth = React.useMemo(function () {
-    return contentWidth > 0 ? Math.floor((contentWidth - theme.__hd__.calendar.space.cellPadding) / 7) : undefined;
-  }, [contentWidth, theme]);
-  var useMonthPicker = onMonthChange !== noop$2;
-  var firstDateOfMonth = new Date(currentYear, currentMonth, 1);
-  var lastDateOfMonth = new Date(currentYear, currentMonth + 1, 0);
-  var lastDateOfPreviousMonth = new Date(currentYear, currentMonth, 0);
-
-  // Index of day in week is shifted by 1 due to Sunday is the last column
-  var firstDayWeekIndexOfMonth = firstDateOfMonth.getDay() === 0 ? SUNDAY_INDEX$1 : firstDateOfMonth.getDay() - WEEK_INDEX_OFFSET$1;
-  var lastDayIndexOfCurrentMonth = lastDateOfMonth.getDate();
-  var lastDayIndexOfPreviousMonth = lastDateOfPreviousMonth.getDate();
-  var daysOfPreviousMonth = initArray(firstDayWeekIndexOfMonth, function (index) {
-    var reversedIndex = firstDayWeekIndexOfMonth - index - 1;
-    var count = lastDayIndexOfPreviousMonth - reversedIndex;
-    return getValidDate(new Date(currentYear, currentMonth - 1, count), minDate, maxDate);
-  });
-  var daysOfCurrentMonth = initArray(lastDayIndexOfCurrentMonth, function (index) {
-    return getValidDate(new Date(currentYear, currentMonth, index + 1), minDate, maxDate);
-  });
-  var daysOfNextMonth = initArray(TOTAL_DATES_ITEMS$1 - (daysOfPreviousMonth.length + daysOfCurrentMonth.length), function (index) {
-    return getValidDate(new Date(currentYear, currentMonth + 1, index + 1), minDate, maxDate);
-  });
-  var disablePrevButton = minDate === undefined ? false : !daysOfPreviousMonth.some(function (date) {
-    return date !== undefined;
-  }) && minDate >= firstDateOfMonth;
-  var disableNextButton = maxDate === undefined ? false : !daysOfNextMonth.some(function (date) {
-    return date !== undefined;
-  }) || maxDate <= lastDateOfMonth;
+  var _useCalendarLayout = useCalendarLayout(),
+    onLayout = _useCalendarLayout.onLayout,
+    contentHeight = _useCalendarLayout.contentHeight,
+    contentWidth = _useCalendarLayout.contentWidth,
+    calendarItemWidth = _useCalendarLayout.calendarItemWidth;
+  var _getCalendarDate = getCalendarDate({
+      visibleDate: visibleDate,
+      markedDates: markedDates,
+      minDate: minDate,
+      maxDate: maxDate,
+      onMonthChange: onMonthChange
+    }),
+    parsedMaskedDate = _getCalendarDate.parsedMaskedDate,
+    daysOfPreviousMonth = _getCalendarDate.daysOfPreviousMonth,
+    daysOfCurrentMonth = _getCalendarDate.daysOfCurrentMonth,
+    daysOfNextMonth = _getCalendarDate.daysOfNextMonth;
+  var _getCalendarButtonSta = getCalendarButtonState({
+      visibleDate: visibleDate,
+      minDate: minDate,
+      maxDate: maxDate
+    }),
+    disablePrevButton = _getCalendarButtonSta.disablePrevButton,
+    disableNextButton = _getCalendarButtonSta.disableNextButton;
+  var shouldShowMonthPicker = shouldUseMonthPicker(onMonthChange);
+  var now = new Date();
   var onDateChange = function onDateChange(date) {
     var newDateRange = setStartOrEndDate({
       date: date,
@@ -14045,17 +14187,10 @@ var CalendarRange = function CalendarRange(_ref) {
       textIntent: isCurrentMonth ? undefined : 'subdued'
     });
   };
-  var onLayout = function onLayout(e) {
-    var _e$nativeEvent$layout = e.nativeEvent.layout,
-      width = _e$nativeEvent$layout.width,
-      height = _e$nativeEvent$layout.height;
-    setContentHeight(height);
-    setContentWidth(width);
-  };
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$9, {
     testID: testID
   }, /*#__PURE__*/React__namespace.default.createElement(StyledCalendarHeader, null, /*#__PURE__*/React__namespace.default.createElement(ContentNavigator, {
-    value: !useMonthPicker ? formatTime('MMMM yyyy', visibleDate) : /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+    value: !shouldShowMonthPicker ? formatTime('MMMM yyyy', visibleDate) : /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
       testID: "calendar-month-picker",
       onPress: function onPress() {
         onToggleMonthPicker === null || onToggleMonthPicker === void 0 || onToggleMonthPicker(!monthPickerVisible);
@@ -14077,7 +14212,7 @@ var CalendarRange = function CalendarRange(_ref) {
     }))),
     onPreviousPress: onPreviousPress,
     onNextPress: onNextPress,
-    onPress: useMonthPicker ? undefined : onTitlePress,
+    onPress: shouldShowMonthPicker ? undefined : onTitlePress,
     previousDisabled: disablePrevButton,
     nextDisabled: disableNextButton,
     fontSize: "large"
@@ -14097,7 +14232,7 @@ var CalendarRange = function CalendarRange(_ref) {
     }
   })) : /*#__PURE__*/React__namespace.default.createElement(Box, {
     onLayout: onLayout
-  }, /*#__PURE__*/React__namespace.default.createElement(StyledCalendarRow, null, DAYS_OF_WEEK$1.map(function (day) {
+  }, /*#__PURE__*/React__namespace.default.createElement(StyledCalendarRow, null, DAYS_OF_WEEK.map(function (day) {
     return /*#__PURE__*/React__namespace.default.createElement(StyledCalendarRowItem, {
       key: day
     }, /*#__PURE__*/React__namespace.default.createElement(StyledCalendarDayNameCell, {
@@ -14137,14 +14272,6 @@ var CalendarRange = function CalendarRange(_ref) {
   })));
 };
 
-var DAYS_OF_WEEK = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
-// Sunday first column => 0
-// Sunday last column  => 1
-var WEEK_INDEX_OFFSET = 1;
-var SUNDAY_INDEX = 6;
-
-// Always render 7 rows x 6 items for consistent layout
-var TOTAL_DATES_ITEMS = 7 * 6;
 var Calendar = function Calendar(_ref) {
   var value = _ref.value,
     visibleDate = _ref.visibleDate,
@@ -14167,64 +14294,39 @@ var Calendar = function Calendar(_ref) {
     monthPickerConfirmLabel = _ref.monthPickerConfirmLabel,
     monthPickerCancelLabel = _ref.monthPickerCancelLabel;
   var theme = useTheme();
-  var currentMonth = visibleDate.getMonth();
-  var currentYear = visibleDate.getFullYear();
-  var now = new Date();
-  var parsedMaskedDate = markedDates.reduce(function (current, markedDate) {
-    return _objectSpread2(_objectSpread2({}, current), {}, _defineProperty({}, markedDate.toDateString(), true));
-  }, {});
+  var _useCalendarLayout = useCalendarLayout(),
+    onLayout = _useCalendarLayout.onLayout,
+    contentHeight = _useCalendarLayout.contentHeight,
+    contentWidth = _useCalendarLayout.contentWidth,
+    calendarItemWidth = _useCalendarLayout.calendarItemWidth;
+  var _getCalendarDate = getCalendarDate({
+      visibleDate: visibleDate,
+      markedDates: markedDates,
+      minDate: minDate,
+      maxDate: maxDate,
+      onMonthChange: onMonthChange
+    }),
+    parsedMaskedDate = _getCalendarDate.parsedMaskedDate,
+    daysOfPreviousMonth = _getCalendarDate.daysOfPreviousMonth,
+    daysOfCurrentMonth = _getCalendarDate.daysOfCurrentMonth,
+    daysOfNextMonth = _getCalendarDate.daysOfNextMonth;
+  var _getCalendarButtonSta = getCalendarButtonState({
+      visibleDate: visibleDate,
+      minDate: minDate,
+      maxDate: maxDate
+    }),
+    disablePrevButton = _getCalendarButtonSta.disablePrevButton,
+    disableNextButton = _getCalendarButtonSta.disableNextButton;
+  var shouldShowMonthPicker = shouldUseMonthPicker(onMonthChange);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     monthPickerVisible = _useState2[0],
     setMonthPickerVisible = _useState2[1];
-  var _useState3 = React.useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    contentHeight = _useState4[0],
-    setContentHeight = _useState4[1];
-  var _useState5 = React.useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    contentWidth = _useState6[0],
-    setContentWidth = _useState6[1];
-  var calendarItemWidth = React.useMemo(function () {
-    return contentWidth > 0 ? Math.floor((contentWidth - theme.__hd__.calendar.space.cellPadding) / 7) : undefined;
-  }, [contentWidth, theme]);
-  var useMonthPicker = onMonthChange !== noop$2;
-  var firstDateOfMonth = new Date(currentYear, currentMonth, 1);
-  var lastDateOfMonth = new Date(currentYear, currentMonth + 1, 0);
-  var lastDateOfPreviousMonth = new Date(currentYear, currentMonth, 0);
-
-  // Index of day in week is shifted by 1 due to Sunday is the last column
-  var firstDayWeekIndexOfMonth = firstDateOfMonth.getDay() === 0 ? SUNDAY_INDEX : firstDateOfMonth.getDay() - WEEK_INDEX_OFFSET;
-  var lastDayIndexOfCurrentMonth = lastDateOfMonth.getDate();
-  var lastDayIndexOfPreviousMonth = lastDateOfPreviousMonth.getDate();
-  var daysOfPreviousMonth = initArray(firstDayWeekIndexOfMonth, function (index) {
-    var reversedIndex = firstDayWeekIndexOfMonth - index - 1;
-    var count = lastDayIndexOfPreviousMonth - reversedIndex;
-    return getValidDate(new Date(currentYear, currentMonth - 1, count), minDate, maxDate);
-  });
-  var daysOfCurrentMonth = initArray(lastDayIndexOfCurrentMonth, function (index) {
-    return getValidDate(new Date(currentYear, currentMonth, index + 1), minDate, maxDate);
-  });
-  var daysOfNextMonth = initArray(TOTAL_DATES_ITEMS - (daysOfPreviousMonth.length + daysOfCurrentMonth.length), function (index) {
-    return getValidDate(new Date(currentYear, currentMonth + 1, index + 1), minDate, maxDate);
-  });
-  var disablePrevButton = minDate === undefined ? false : !daysOfPreviousMonth.some(function (date) {
-    return date !== undefined;
-  }) && minDate >= firstDateOfMonth;
-  var disableNextButton = maxDate === undefined ? false : !daysOfNextMonth.some(function (date) {
-    return date !== undefined;
-  }) || maxDate <= lastDateOfMonth;
-  var onLayout = function onLayout(e) {
-    var _e$nativeEvent$layout = e.nativeEvent.layout,
-      width = _e$nativeEvent$layout.width,
-      height = _e$nativeEvent$layout.height;
-    setContentHeight(height);
-    setContentWidth(width);
-  };
+  var now = new Date();
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$9, {
     testID: testID
   }, /*#__PURE__*/React__namespace.default.createElement(StyledCalendarHeader, null, /*#__PURE__*/React__namespace.default.createElement(ContentNavigator, {
-    value: !useMonthPicker ? formatTime('MMMM yyyy', visibleDate) : /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
+    value: !shouldShowMonthPicker ? formatTime('MMMM yyyy', visibleDate) : /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
       testID: "calendar-month-picker",
       onPress: function onPress() {
         onToggleMonthPicker === null || onToggleMonthPicker === void 0 || onToggleMonthPicker(!monthPickerVisible);
@@ -14246,7 +14348,7 @@ var Calendar = function Calendar(_ref) {
     }))),
     onPreviousPress: onPreviousPress,
     onNextPress: onNextPress,
-    onPress: useMonthPicker ? undefined : onTitlePress,
+    onPress: shouldShowMonthPicker ? undefined : onTitlePress,
     previousDisabled: disablePrevButton,
     nextDisabled: disableNextButton,
     fontSize: "large"
@@ -47019,6 +47121,184 @@ var Search = {
   SuffixIcon: SearchSuffixIcon
 };
 
+var StyledSegmentedControlWrapper = index$b(Box)(function (_ref) {
+  var themeSize = _ref.themeSize,
+    theme = _ref.theme;
+  return {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: theme.__hd__.segmentedControl.sizes.wrapperHeight[themeSize],
+    borderRadius: theme.__hd__.segmentedControl.radii.wrapper[themeSize],
+    backgroundColor: theme.__hd__.segmentedControl.colors.wrapperBackground,
+    alignSelf: 'flex-start',
+    paddingHorizontal: theme.__hd__.segmentedControl.space.wrapperHorizontalPadding
+  };
+});
+var StyledSegmentedItem = index$b(reactNative.TouchableOpacity)(function (_ref2) {
+  var themeSize = _ref2.themeSize,
+    theme = _ref2.theme,
+    themeSelected = _ref2.themeSelected;
+  return _objectSpread2({
+    flexGrow: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: theme.__hd__.segmentedControl.sizes.itemHeight[themeSize],
+    borderRadius: theme.__hd__.segmentedControl.radii.item[themeSize],
+    backgroundColor: themeSelected ? theme.__hd__.segmentedControl.colors.itemBackground.active : theme.__hd__.segmentedControl.colors.itemBackground.inactive
+  }, theme.__hd__.segmentedControl.shadows.item[themeSelected ? 'active' : 'inactive']);
+});
+var StyledSegmentedItemWrapper = index$b(Box)(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: theme.__hd__.segmentedControl.space.itemAffixGap
+  };
+});
+var StyledSegmentedItemLabelWrapper = index$b(Box)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: theme.__hd__.segmentedControl.space.itemLabelGap
+  };
+});
+var StyledSegmentedItemText = index$b(Typography.Body)(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    lineHeight: theme.__hd__.segmentedControl.lineHeights.itemText
+  };
+});
+
+var DOT_CHAR = "\xB7";
+var SegmentedItemBadge = function SegmentedItemBadge(_ref) {
+  var children = _ref.children,
+    badge = _ref.badge,
+    testID = _ref.testID;
+  if (!badge) return children;
+  if (badge.type === 'status') {
+    return /*#__PURE__*/React__namespace.default.createElement(Badge$1.Status, {
+      visible: true,
+      testID: testID
+    }, /*#__PURE__*/React__namespace.default.createElement(Box, {
+      marginEnd: "smallMedium"
+    }, children));
+  }
+  if (badge.type === 'counter') {
+    return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(Box, {
+      marginEnd: "xsmall"
+    }, children), /*#__PURE__*/React__namespace.default.createElement(Badge$1, {
+      visible: true,
+      content: badge.value,
+      max: badge.max,
+      testID: testID,
+      size: "small"
+    }));
+  }
+};
+var getTextAndIconIntent = function getTextAndIconIntent(_ref2) {
+  var selected = _ref2.selected,
+    disabled = _ref2.disabled;
+  if (disabled) {
+    return {
+      iconIntent: 'disabled-text',
+      textIntent: 'disabled',
+      subTextIntent: 'disabled'
+    };
+  }
+  if (selected) {
+    return {
+      iconIntent: 'text',
+      textIntent: 'body',
+      subTextIntent: 'muted'
+    };
+  }
+  return {
+    iconIntent: 'inactive',
+    textIntent: 'inactive',
+    subTextIntent: 'inactive'
+  };
+};
+var SegmentedItem = function SegmentedItem(_ref3) {
+  var label = _ref3.label,
+    prefix = _ref3.prefix,
+    suffix = _ref3.suffix,
+    _ref3$selected = _ref3.selected,
+    selected = _ref3$selected === void 0 ? false : _ref3$selected,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'medium' : _ref3$size,
+    testID = _ref3.testID,
+    onPress = _ref3.onPress,
+    disabled = _ref3.disabled,
+    badge = _ref3.badge,
+    subText = _ref3.subText;
+  var _getTextAndIconIntent = getTextAndIconIntent({
+      selected: selected,
+      disabled: disabled
+    }),
+    iconIntent = _getTextAndIconIntent.iconIntent,
+    textIntent = _getTextAndIconIntent.textIntent,
+    subTextIntent = _getTextAndIconIntent.subTextIntent;
+  var shouldShowSuffix = !!label && !!suffix;
+  return /*#__PURE__*/React__namespace.default.createElement(StyledSegmentedItem, {
+    themeSize: size,
+    themeSelected: selected,
+    testID: testID,
+    onPress: onPress,
+    disabled: disabled
+  }, /*#__PURE__*/React__namespace.default.createElement(SegmentedItemBadge, {
+    badge: badge,
+    testID: "".concat(testID, "-badge")
+  }, /*#__PURE__*/React__namespace.default.createElement(StyledSegmentedItemWrapper, null, prefix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
+    icon: prefix,
+    intent: iconIntent,
+    size: "xxxsmall",
+    testID: "".concat(testID, "-prefix")
+  }), !!label && /*#__PURE__*/React__namespace.default.createElement(StyledSegmentedItemLabelWrapper, null, label && /*#__PURE__*/React__namespace.default.createElement(StyledSegmentedItemText, {
+    variant: "small-bold",
+    intent: textIntent
+  }, label), subText && /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledSegmentedItemText, {
+    variant: "small",
+    intent: subTextIntent
+  }, DOT_CHAR), /*#__PURE__*/React__namespace.default.createElement(StyledSegmentedItemText, {
+    variant: "small",
+    intent: subTextIntent
+  }, subText))), shouldShowSuffix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
+    icon: suffix,
+    intent: iconIntent,
+    size: "xxxsmall",
+    testID: "".concat(testID, "-suffix")
+  }))));
+};
+
+var SegmentedControl = function SegmentedControl(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    items = _ref.items,
+    value = _ref.value,
+    testID = _ref.testID,
+    style = _ref.style,
+    onItemPress = _ref.onItemPress;
+  return /*#__PURE__*/React__namespace.default.createElement(StyledSegmentedControlWrapper, {
+    themeSize: size,
+    testID: testID,
+    style: style
+  }, items.map(function (item) {
+    return /*#__PURE__*/React__namespace.default.createElement(SegmentedItem, _extends$1({}, item, {
+      key: item.value,
+      selected: item.value === value,
+      onPress: function onPress() {
+        return onItemPress(item);
+      },
+      size: size
+    }));
+  }));
+};
+
 var StyledWrapper$1 = index$b.TouchableOpacity(function (_ref) {
   var theme = _ref.theme;
   return _objectSpread2({
@@ -67378,6 +67658,7 @@ exports.ScrollViewWithFAB = ScrollViewWithFAB;
 exports.Search = Search;
 exports.SectionHeading = SectionHeading;
 exports.SectionListWithFAB = SectionListWithFAB;
+exports.SegmentedControl = SegmentedControl;
 exports.Select = index$2;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;