@neo4j-ndl/react 4.0.18 → 4.1.1

package/lib/esm/timezone-picker/generate-timezone-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-timezone-options.js","sourceRoot":"","sources":["../../../src/timezone-picker/generate-timezone-options.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport interface TimeZoneOption {\n  value: string;\n  label: string;\n  offset: string;\n  offsetMinutes: number;\n}\n\n/**\n * Gets the offset in minutes for a timezone at a specific date\n */\nconst getOffsetMinutes = (timezone: string, date: Date): number => {\n  try {\n    // Create dates in UTC and in the target timezone\n    const utcDate = new Date(date.toLocaleString('en-US', { timeZone: 'UTC' }));\n    const tzDate = new Date(\n      date.toLocaleString('en-US', { timeZone: timezone }),\n    );\n\n    // Calculate the difference in minutes\n    const diffMs = tzDate.getTime() - utcDate.getTime();\n    return Math.round(diffMs / (1000 * 60));\n  } catch {\n    return 0;\n  }\n};\n\n/**\n * Formats a UTC offset using the Intl API for consistent formatting\n * @param offsetHours - The offset in hours (can be fractional)\n * @returns Formatted UTC offset string (e.g., \"UTC+5:30\", \"UTC-3\")\n */\nconst formatUTCOffset = (offsetHours: number): string => {\n  if (offsetHours === 0) {\n    return 'UTC';\n  }\n\n  const sign = offsetHours >= 0 ? '+' : '-';\n  const absHours = Math.abs(offsetHours);\n  const hours = Math.floor(absHours);\n  const minutes = Math.round((absHours - hours) * 60);\n\n  // Use Intl.NumberFormat for consistent number formatting\n  const numberFormatter = new Intl.NumberFormat('en-US', {\n    maximumFractionDigits: 0,\n    minimumIntegerDigits: 1,\n  });\n\n  const formattedHours = numberFormatter.format(hours);\n  const formattedMinutes =\n    minutes > 0 ? `:${String(minutes).padStart(2, '0')}` : '';\n\n  return `UTC${sign}${formattedHours}${formattedMinutes}`;\n};\n\n/**\n * Extracts unique UTC offsets from all supported timezones using the Intl API\n * @param referenceDate - The date to use for calculating timezone offsets (defaults to current date)\n * @returns Set of unique offset values in minutes\n */\nconst getUniqueOffsetsFromAPI = (referenceDate?: Date): Set<number> => {\n  const uniqueOffsets = new Set<number>();\n  const now = referenceDate || new Date();\n\n  try {\n    // Get all supported timezones from the Intl API\n    const timezones = Intl.supportedValuesOf('timeZone');\n\n    // Extract unique offsets from each timezone\n    for (const tz of timezones) {\n      try {\n        const offsetMinutes = getOffsetMinutes(tz, now);\n        uniqueOffsets.add(offsetMinutes);\n      } catch {\n        // Skip timezones that can't be processed\n        continue;\n      }\n    }\n  } catch {\n    // Fallback to empty set if API is not available\n  }\n\n  // Always include UTC (offset 0)\n  uniqueOffsets.add(0);\n\n  return uniqueOffsets;\n};\n\n/**\n * Generates UTC-only timezone options derived from the Intl API\n * Uses the Intl API to discover which UTC offsets are actually used by supported timezones\n * @param referenceDate - The date to use for calculating timezone offsets (defaults to current date)\n */\nexport const generateUTCTimeZoneOptions = (\n  referenceDate?: Date,\n): TimeZoneOption[] => {\n  // Get unique offsets from all supported timezones via the Intl API\n  const uniqueOffsets = getUniqueOffsetsFromAPI(referenceDate);\n\n  // Convert offset minutes to hours (can be fractional)\n  const offsetHours = Array.from(uniqueOffsets)\n    .map((minutes) => minutes / 60)\n    .sort((a, b) => a - b);\n\n  // Convert to TimeZoneOption format\n  const options: TimeZoneOption[] = offsetHours.map((offsetHours) => {\n    const offsetStr = formatUTCOffset(offsetHours);\n\n    return {\n      label: offsetStr,\n      offset: offsetStr,\n      offsetMinutes: Math.round(offsetHours * 60),\n      value: offsetStr,\n    };\n  });\n\n  return options;\n};\n\n/**\n * Generates a list of common timezone options with their UTC offsets\n * @param referenceDate - The date to use for calculating timezone offsets (defaults to current date)\n * @param excludeUTC - Whether to exclude the UTC timezone from the list (useful when combining with UTC-only options)\n */\nexport const generateTimeZoneOptions = (\n  referenceDate?: Date,\n  excludeUTC = false,\n): TimeZoneOption[] => {\n  // Common timezones with their IANA identifiers\n  const timezones = Intl.supportedValuesOf('timeZone');\n\n  const now = referenceDate || new Date();\n\n  // Filter out UTC if requested\n  const filteredTimezones = excludeUTC\n    ? timezones.filter((tz) => tz !== 'UTC')\n    : timezones;\n\n  return filteredTimezones\n    .map((tz) => {\n      try {\n        // Get the offset for this timezone\n        const formatter = new Intl.DateTimeFormat('en-US', {\n          timeZone: tz,\n          timeZoneName: 'shortOffset',\n        });\n\n        const parts = formatter.formatToParts(now);\n        const offsetPart = parts.find((part) => part.type === 'timeZoneName');\n        const offset = offsetPart?.value ?? '';\n\n        // Calculate offset in minutes for proper sorting\n        const offsetMinutes = getOffsetMinutes(tz, now);\n\n        // Format the label\n        const cityName = tz.split('/').pop()?.replace(/_/g, ' ') ?? tz;\n        const label = `${cityName} (${offset})`;\n\n        return {\n          label,\n          offset,\n          offsetMinutes,\n          value: tz,\n        };\n      } catch {\n        // Fallback if timezone is not supported\n        return {\n          label: tz.replace(/_/g, ' '),\n          offset: '',\n          offsetMinutes: 0,\n          value: tz,\n        };\n      }\n    })\n    .sort((a, b) => {\n      // Sort by offset (negative to positive), then by label\n      if (a.offsetMinutes !== b.offsetMinutes) {\n        return a.offsetMinutes - b.offsetMinutes;\n      }\n\n      return a.label.localeCompare(b.label);\n    });\n};\n\n/**\n * Gets the user's current timezone\n */\nexport const getUserTimeZone = (): string => {\n  try {\n    return Intl.DateTimeFormat().resolvedOptions().timeZone;\n  } catch {\n    return 'UTC';\n  }\n};\n\n/**\n * Parses a custom UTC offset string (e.g., \"UTC+5:30\", \"UTC-3:45\")\n * @param input - The input string to parse\n * @returns The parsed timezone value or null if invalid\n */\nexport const parseCustomUTCOffset = (input: string): string | null => {\n  // Match patterns like: UTC+5:30, UTC-3:45, UTC+1, UTC-12, etc.\n  // Also accepts single digit minutes which will be padded\n  const utcPattern = /^UTC([+-])?(\\d{1,2})(?::(\\d{1,2}))?$/i;\n  const match = input.trim().match(utcPattern);\n\n  if (!match) return null;\n\n  const sign = match[1] === '-' ? '-' : '+';\n  const hours = parseInt(match[2], 10);\n  const minutes = match[3] ? parseInt(match[3], 10) : 0;\n\n  // Validate ranges based on sign\n  if (sign === '+') {\n    if (hours < 0 || hours > 14) return null;\n    if (hours === 14 && minutes > 0) return null; // UTC+14 is max\n  } else {\n    // sign === '-'\n    if (hours < 0 || hours > 12) return null; // UTC-12 is min\n    if (hours === 12 && minutes > 0) return null; // UTC-12 is min\n  }\n\n  if (minutes < 0 || minutes > 59) return null;\n\n  return `UTC${sign}${hours}${minutes > 0 ? `:${String(minutes).padStart(2, '0')}` : ''}`;\n};\n\n/**\n * Validates if a string is a valid UTC timezone format\n * @param input - The input string to validate\n * @returns True if valid UTC timezone format\n */\nexport const isValidUTCFormat = (input: string): boolean => {\n  return parseCustomUTCOffset(input) !== null || input.toUpperCase() === 'UTC';\n};\n\n/**\n * Formats a timezone for display\n * @param timezone - The IANA timezone identifier or UTC offset\n * @param referenceDate - The date to use for calculating the offset (defaults to current date)\n */\nexport const formatTimeZone = (\n  timezone: string,\n  referenceDate?: Date,\n): string => {\n  // If it's already a UTC format, return as-is\n  if (timezone.toUpperCase().startsWith('UTC')) {\n    return timezone;\n  }\n\n  try {\n    const now = referenceDate || new Date();\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      timeZone: timezone,\n      timeZoneName: 'shortOffset',\n    });\n\n    const parts = formatter.formatToParts(now);\n    const offsetPart = parts.find((part) => part.type === 'timeZoneName');\n    const offset = offsetPart?.value ?? '';\n\n    const cityName = timezone.split('/').pop()?.replace(/_/g, ' ') ?? timezone;\n    return `${cityName} (${offset})`;\n  } catch {\n    return timezone.replace(/_/g, ' ');\n  }\n};\n"]}

package/lib/esm/timezone-picker/index.js

@@ -0,0 +1,23 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export * from './TimeZonePicker';
+export * from './generate-timezone-options';
+//# sourceMappingURL=index.js.map

package/lib/esm/timezone-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timezone-picker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport * from './TimeZonePicker';\nexport * from './generate-timezone-options';\n"]}

package/lib/esm/timezone-picker/stories/index.js

@@ -0,0 +1,46 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as TimeZonePickerDefault } from './timezone-picker-default.story';
+export { default as TimeZonePickerFluid } from './timezone-picker-fluid.story';
+export { default as TimeZonePickerSizes } from './timezone-picker-sizes.story';
+export { default as TimeZonePickerDisabled } from './timezone-picker-disabled.story';
+export { default as TimeZonePickerDSTAware } from './timezone-picker-dst-aware.story';
+export { default as TimeZonePickerUTCOnly } from './timezone-picker-utc-only.story';
+export { default as TimeZonePickerBothMode } from './timezone-picker-both-mode.story';
+export { default as TimeZonePickerInDialog } from './timezone-picker-in-dialog.story';
+import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import TimeZonePickerBothModeSourceRaw from './timezone-picker-both-mode.story.tsx?raw';
+import TimeZonePickerDefaultSourceRaw from './timezone-picker-default.story.tsx?raw';
+import TimeZonePickerDisabledSourceRaw from './timezone-picker-disabled.story.tsx?raw';
+import TimeZonePickerDSTAwareSourceRaw from './timezone-picker-dst-aware.story.tsx?raw';
+import TimeZonePickerFluidSourceRaw from './timezone-picker-fluid.story.tsx?raw';
+import TimeZonePickerInDialogSourceRaw from './timezone-picker-in-dialog.story.tsx?raw';
+import TimeZonePickerSizesSourceRaw from './timezone-picker-sizes.story.tsx?raw';
+import TimeZonePickerUTCOnlySourceRaw from './timezone-picker-utc-only.story.tsx?raw';
+export const TimeZonePickerDefaultSource = removeLicenseHeader(TimeZonePickerDefaultSourceRaw);
+export const TimeZonePickerFluidSource = removeLicenseHeader(TimeZonePickerFluidSourceRaw);
+export const TimeZonePickerSizesSource = removeLicenseHeader(TimeZonePickerSizesSourceRaw);
+export const TimeZonePickerDisabledSource = removeLicenseHeader(TimeZonePickerDisabledSourceRaw);
+export const TimeZonePickerDSTAwareSource = removeLicenseHeader(TimeZonePickerDSTAwareSourceRaw);
+export const TimeZonePickerUTCOnlySource = removeLicenseHeader(TimeZonePickerUTCOnlySourceRaw);
+export const TimeZonePickerBothModeSource = removeLicenseHeader(TimeZonePickerBothModeSourceRaw);
+export const TimeZonePickerInDialogSource = removeLicenseHeader(TimeZonePickerInDialogSourceRaw);
+//# sourceMappingURL=index.js.map

package/lib/esm/timezone-picker/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAEtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,+BAA+B,MAAM,2CAA2C,CAAC;AACxF,OAAO,8BAA8B,MAAM,yCAAyC,CAAC;AACrF,OAAO,+BAA+B,MAAM,0CAA0C,CAAC;AACvF,OAAO,+BAA+B,MAAM,2CAA2C,CAAC;AACxF,OAAO,4BAA4B,MAAM,uCAAuC,CAAC;AACjF,OAAO,+BAA+B,MAAM,2CAA2C,CAAC;AACxF,OAAO,4BAA4B,MAAM,uCAAuC,CAAC;AACjF,OAAO,8BAA8B,MAAM,0CAA0C,CAAC;AAEtF,MAAM,CAAC,MAAM,2BAA2B,GAAG,mBAAmB,CAC5D,8BAA8B,CAC/B,CAAC;AACF,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAC1D,4BAA4B,CAC7B,CAAC;AACF,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAC1D,4BAA4B,CAC7B,CAAC;AACF,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC;AACF,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC;AACF,MAAM,CAAC,MAAM,2BAA2B,GAAG,mBAAmB,CAC5D,8BAA8B,CAC/B,CAAC;AACF,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC;AACF,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as TimeZonePickerDefault } from './timezone-picker-default.story';\nexport { default as TimeZonePickerFluid } from './timezone-picker-fluid.story';\nexport { default as TimeZonePickerSizes } from './timezone-picker-sizes.story';\nexport { default as TimeZonePickerDisabled } from './timezone-picker-disabled.story';\nexport { default as TimeZonePickerDSTAware } from './timezone-picker-dst-aware.story';\nexport { default as TimeZonePickerUTCOnly } from './timezone-picker-utc-only.story';\nexport { default as TimeZonePickerBothMode } from './timezone-picker-both-mode.story';\nexport { default as TimeZonePickerInDialog } from './timezone-picker-in-dialog.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport TimeZonePickerBothModeSourceRaw from './timezone-picker-both-mode.story.tsx?raw';\nimport TimeZonePickerDefaultSourceRaw from './timezone-picker-default.story.tsx?raw';\nimport TimeZonePickerDisabledSourceRaw from './timezone-picker-disabled.story.tsx?raw';\nimport TimeZonePickerDSTAwareSourceRaw from './timezone-picker-dst-aware.story.tsx?raw';\nimport TimeZonePickerFluidSourceRaw from './timezone-picker-fluid.story.tsx?raw';\nimport TimeZonePickerInDialogSourceRaw from './timezone-picker-in-dialog.story.tsx?raw';\nimport TimeZonePickerSizesSourceRaw from './timezone-picker-sizes.story.tsx?raw';\nimport TimeZonePickerUTCOnlySourceRaw from './timezone-picker-utc-only.story.tsx?raw';\n\nexport const TimeZonePickerDefaultSource = removeLicenseHeader(\n  TimeZonePickerDefaultSourceRaw,\n);\nexport const TimeZonePickerFluidSource = removeLicenseHeader(\n  TimeZonePickerFluidSourceRaw,\n);\nexport const TimeZonePickerSizesSource = removeLicenseHeader(\n  TimeZonePickerSizesSourceRaw,\n);\nexport const TimeZonePickerDisabledSource = removeLicenseHeader(\n  TimeZonePickerDisabledSourceRaw,\n);\nexport const TimeZonePickerDSTAwareSource = removeLicenseHeader(\n  TimeZonePickerDSTAwareSourceRaw,\n);\nexport const TimeZonePickerUTCOnlySource = removeLicenseHeader(\n  TimeZonePickerUTCOnlySourceRaw,\n);\nexport const TimeZonePickerBothModeSource = removeLicenseHeader(\n  TimeZonePickerBothModeSourceRaw,\n);\nexport const TimeZonePickerInDialogSource = removeLicenseHeader(\n  TimeZonePickerInDialogSourceRaw,\n);\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-both-mode.story.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { useState } from 'react';
+import { Typography } from '../../typography';
+import { TimeZonePicker } from '../TimeZonePicker';
+export const TimeZonePickerBothMode = () => {
+    const [selectedTimezone, setSelectedTimezone] = useState('America/New_York');
+    return (_jsxs("div", { style: { maxWidth: '400px', padding: '20px' }, children: [_jsx(Typography, { variant: "title-4", style: { marginBottom: '16px' }, children: "Both Mode - UTC and City-Based Timezones" }), _jsx(Typography, { variant: "body-medium", style: { marginBottom: '24px' }, children: "This mode displays both UTC offsets and city-based timezones in separate sections within the dropdown. Perfect for users who need flexibility in choosing between precise UTC offsets or familiar city names." }), _jsx(TimeZonePicker, { label: "Select Timezone", mode: "both", value: selectedTimezone, onChange: (tz) => {
+                    setSelectedTimezone(tz);
+                } }), _jsxs("div", { style: {
+                    backgroundColor: '#f5f5f5',
+                    borderRadius: '4px',
+                    marginTop: '24px',
+                    padding: '16px',
+                }, children: [_jsx(Typography, { variant: "body-small", style: { fontWeight: 600, marginBottom: '8px' }, children: "Selected Timezone:" }), _jsx(Typography, { variant: "body-medium", children: selectedTimezone || 'None' })] }), _jsx("div", { style: { marginTop: '16px' }, children: _jsxs(Typography, { variant: "body-small", style: { color: '#666' }, children: [_jsx("strong", { children: "Features:" }), _jsxs("ul", { style: { marginTop: '8px', paddingLeft: '20px' }, children: [_jsx("li", { children: "Two separate sections: \"UTC Offsets\" and \"City-Based Timezones\"" }), _jsx("li", { children: "Search across both sections simultaneously" }), _jsx("li", { children: "Custom UTC input support (e.g., UTC+5:30)" }), _jsx("li", { children: "All standard UTC offsets from UTC-12 to UTC+14" }), _jsx("li", { children: "All IANA timezone identifiers with city names" })] })] }) })] }));
+};
+export default TimeZonePickerBothMode;
+//# sourceMappingURL=timezone-picker-both-mode.story.js.map

package/lib/esm/timezone-picker/stories/timezone-picker-both-mode.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-picker-both-mode.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-both-mode.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAC3C,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IAEvC,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAChD,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,yDAEhD,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,8NAIpD,EAEb,KAAC,cAAc,IACb,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC1B,CAAC,GACD,EAEF,eACE,KAAK,EAAE;oBACL,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;oBACnB,SAAS,EAAE,MAAM;oBACjB,OAAO,EAAE,MAAM;iBAChB,aAED,KAAC,UAAU,IACT,OAAO,EAAC,YAAY,EACpB,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,mCAGpC,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,YAC9B,gBAAgB,IAAI,MAAM,GAChB,IACT,EAEN,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC/B,MAAC,UAAU,IAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aACvD,yCAA0B,EAC1B,cAAI,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAClD,+FAGK,EACL,sEAAmD,EACnD,qEAAkD,EAClD,0EAAuD,EACvD,yEAAsD,IACnD,IACM,GACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useState } from 'react';\n\nimport { Typography } from '../../typography';\nimport { TimeZonePicker } from '../TimeZonePicker';\n\nexport const TimeZonePickerBothMode = () => {\n  const [selectedTimezone, setSelectedTimezone] =\n    useState<string>('America/New_York');\n\n  return (\n    <div style={{ maxWidth: '400px', padding: '20px' }}>\n      <Typography variant=\"title-4\" style={{ marginBottom: '16px' }}>\n        Both Mode - UTC and City-Based Timezones\n      </Typography>\n      <Typography variant=\"body-medium\" style={{ marginBottom: '24px' }}>\n        This mode displays both UTC offsets and city-based timezones in separate\n        sections within the dropdown. Perfect for users who need flexibility in\n        choosing between precise UTC offsets or familiar city names.\n      </Typography>\n\n      <TimeZonePicker\n        label=\"Select Timezone\"\n        mode=\"both\"\n        value={selectedTimezone}\n        onChange={(tz) => {\n          setSelectedTimezone(tz);\n        }}\n      />\n\n      <div\n        style={{\n          backgroundColor: '#f5f5f5',\n          borderRadius: '4px',\n          marginTop: '24px',\n          padding: '16px',\n        }}\n      >\n        <Typography\n          variant=\"body-small\"\n          style={{ fontWeight: 600, marginBottom: '8px' }}\n        >\n          Selected Timezone:\n        </Typography>\n        <Typography variant=\"body-medium\">\n          {selectedTimezone || 'None'}\n        </Typography>\n      </div>\n\n      <div style={{ marginTop: '16px' }}>\n        <Typography variant=\"body-small\" style={{ color: '#666' }}>\n          <strong>Features:</strong>\n          <ul style={{ marginTop: '8px', paddingLeft: '20px' }}>\n            <li>\n              Two separate sections: &quot;UTC Offsets&quot; and\n              &quot;City-Based Timezones&quot;\n            </li>\n            <li>Search across both sections simultaneously</li>\n            <li>Custom UTC input support (e.g., UTC+5:30)</li>\n            <li>All standard UTC offsets from UTC-12 to UTC+14</li>\n            <li>All IANA timezone identifiers with city names</li>\n          </ul>\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default TimeZonePickerBothMode;\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-default.story.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { TimeZonePicker } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [selectedTimeZone, setSelectedTimeZone] = useState('UTC');
+    const handleTimeZoneChange = (timezone) => {
+        setSelectedTimeZone(timezone);
+    };
+    return (_jsxs("div", { children: [_jsx(TimeZonePicker, { label: "Select Timezone", value: selectedTimeZone, onChange: handleTimeZoneChange }), _jsx("div", { style: { marginTop: '1rem' }, children: _jsxs("p", { children: ["Selected Timezone: ", selectedTimeZone] }) })] }));
+};
+export default Component;
+//# sourceMappingURL=timezone-picker-default.story.js.map

package/lib/esm/timezone-picker/stories/timezone-picker-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-picker-default.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAS,KAAK,CAAC,CAAC;IAExE,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAChD,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,0BACE,KAAC,cAAc,IACb,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,oBAAoB,GAC9B,EACF,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC/B,+CAAuB,gBAAgB,IAAK,GACxC,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selectedTimeZone, setSelectedTimeZone] = useState<string>('UTC');\n\n  const handleTimeZoneChange = (timezone: string) => {\n    setSelectedTimeZone(timezone);\n  };\n\n  return (\n    <div>\n      <TimeZonePicker\n        label=\"Select Timezone\"\n        value={selectedTimeZone}\n        onChange={handleTimeZoneChange}\n      />\n      <div style={{ marginTop: '1rem' }}>\n        <p>Selected Timezone: {selectedTimeZone}</p>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-disabled.story.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { TimeZonePicker } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(TimeZonePicker, { label: "Disabled Timezone Picker", value: "Asia/Tokyo", isDisabled: true }));
+};
+export default Component;
+//# sourceMappingURL=timezone-picker-disabled.story.js.map

package/lib/esm/timezone-picker/stories/timezone-picker-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-picker-disabled.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAC,YAAY,EAClB,UAAU,SACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <TimeZonePicker\n      label=\"Disabled Timezone Picker\"\n      value=\"Asia/Tokyo\"\n      isDisabled\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-dst-aware.story.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { TimeZonePicker } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [selectedTimeZone, setSelectedTimeZone] = useState('Europe/Stockholm');
+    const [referenceDate, setReferenceDate] = useState(new Date());
+    // Create summer and winter dates for DST demonstration
+    const summerDate = new Date('2024-07-15T12:00:00'); // July (DST in effect)
+    const winterDate = new Date('2024-01-15T12:00:00'); // January (Standard time)
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '2rem' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { marginBottom: '1rem' }, children: "DST-Aware Timezone Picker Demo" }), _jsx("p", { style: { marginBottom: '1rem', color: '#666' }, children: "The timezone offsets change based on the reference date to account for Daylight Saving Time." })] }), _jsxs("div", { style: { display: 'flex', gap: '1rem', marginBottom: '1rem' }, children: [_jsx("button", { onClick: () => setReferenceDate(summerDate), style: {
+                            padding: '0.5rem 1rem',
+                            border: '1px solid #ccc',
+                            borderRadius: '4px',
+                            cursor: 'pointer',
+                            backgroundColor: referenceDate === summerDate ? '#0066cc' : 'white',
+                            color: referenceDate === summerDate ? 'white' : 'black',
+                        }, children: "Summer Date (July 15, 2024)" }), _jsx("button", { onClick: () => setReferenceDate(winterDate), style: {
+                            padding: '0.5rem 1rem',
+                            border: '1px solid #ccc',
+                            borderRadius: '4px',
+                            cursor: 'pointer',
+                            backgroundColor: referenceDate === winterDate ? '#0066cc' : 'white',
+                            color: referenceDate === winterDate ? 'white' : 'black',
+                        }, children: "Winter Date (January 15, 2024)" })] }), _jsx(TimeZonePicker, { label: "Select Timezone", value: selectedTimeZone, onChange: setSelectedTimeZone, referenceDate: referenceDate }), _jsxs("div", { style: {
+                    backgroundColor: '#f5f5f5',
+                    borderRadius: '4px',
+                    padding: '1rem',
+                }, children: [_jsxs("p", { children: [_jsx("strong", { children: "Selected Timezone:" }), " ", selectedTimeZone] }), _jsxs("p", { children: [_jsx("strong", { children: "Reference Date:" }), " ", referenceDate.toLocaleDateString()] }), _jsxs("p", { children: [_jsx("strong", { children: "Example:" }), " New York shows GMT-4 in summer (EDT) and GMT-5 in winter (EST)"] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=timezone-picker-dst-aware.story.js.map

package/lib/esm/timezone-picker/stories/timezone-picker-dst-aware.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-picker-dst-aware.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-dst-aware.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAC3C,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAO,IAAI,IAAI,EAAE,CAAC,CAAC;IAErE,uDAAuD;IACvD,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,uBAAuB;IAC3E,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,0BAA0B;IAE9E,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,0BACE,aAAI,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,+CAAqC,EACxE,YAAG,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,6GAG7C,IACA,EAEN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aAChE,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAC3C,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,MAAM,EAAE,gBAAgB;4BACxB,YAAY,EAAE,KAAK;4BACnB,MAAM,EAAE,SAAS;4BACjB,eAAe,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;4BACnE,KAAK,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;yBACxD,4CAGM,EACT,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAC3C,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,MAAM,EAAE,gBAAgB;4BACxB,YAAY,EAAE,KAAK;4BACnB,MAAM,EAAE,SAAS;4BACjB,eAAe,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;4BACnE,KAAK,EAAE,aAAa,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;yBACxD,+CAGM,IACL,EAEN,KAAC,cAAc,IACb,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,aAAa,EAAE,aAAa,GAC5B,EAEF,eACE,KAAK,EAAE;oBACL,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;oBAEnB,OAAO,EAAE,MAAM;iBAChB,aAED,wBACE,kDAAmC,OAAE,gBAAgB,IACnD,EACJ,wBACE,+CAAgC,OAAE,aAAa,CAAC,kBAAkB,EAAE,IAClE,EACJ,wBACE,wCAAyB,uEAEvB,IACA,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selectedTimeZone, setSelectedTimeZone] =\n    useState<string>('Europe/Stockholm');\n  const [referenceDate, setReferenceDate] = useState<Date>(new Date());\n\n  // Create summer and winter dates for DST demonstration\n  const summerDate = new Date('2024-07-15T12:00:00'); // July (DST in effect)\n  const winterDate = new Date('2024-01-15T12:00:00'); // January (Standard time)\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>\n      <div>\n        <h3 style={{ marginBottom: '1rem' }}>DST-Aware Timezone Picker Demo</h3>\n        <p style={{ marginBottom: '1rem', color: '#666' }}>\n          The timezone offsets change based on the reference date to account for\n          Daylight Saving Time.\n        </p>\n      </div>\n\n      <div style={{ display: 'flex', gap: '1rem', marginBottom: '1rem' }}>\n        <button\n          onClick={() => setReferenceDate(summerDate)}\n          style={{\n            padding: '0.5rem 1rem',\n            border: '1px solid #ccc',\n            borderRadius: '4px',\n            cursor: 'pointer',\n            backgroundColor: referenceDate === summerDate ? '#0066cc' : 'white',\n            color: referenceDate === summerDate ? 'white' : 'black',\n          }}\n        >\n          Summer Date (July 15, 2024)\n        </button>\n        <button\n          onClick={() => setReferenceDate(winterDate)}\n          style={{\n            padding: '0.5rem 1rem',\n            border: '1px solid #ccc',\n            borderRadius: '4px',\n            cursor: 'pointer',\n            backgroundColor: referenceDate === winterDate ? '#0066cc' : 'white',\n            color: referenceDate === winterDate ? 'white' : 'black',\n          }}\n        >\n          Winter Date (January 15, 2024)\n        </button>\n      </div>\n\n      <TimeZonePicker\n        label=\"Select Timezone\"\n        value={selectedTimeZone}\n        onChange={setSelectedTimeZone}\n        referenceDate={referenceDate}\n      />\n\n      <div\n        style={{\n          backgroundColor: '#f5f5f5',\n          borderRadius: '4px',\n\n          padding: '1rem',\n        }}\n      >\n        <p>\n          <strong>Selected Timezone:</strong> {selectedTimeZone}\n        </p>\n        <p>\n          <strong>Reference Date:</strong> {referenceDate.toLocaleDateString()}\n        </p>\n        <p>\n          <strong>Example:</strong> New York shows GMT-4 in summer (EDT) and\n          GMT-5 in winter (EST)\n        </p>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-fluid.story.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { TimeZonePicker } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx("div", { style: { width: '100%', maxWidth: '400px' }, children: _jsx(TimeZonePicker, { label: "Select Timezone", isFluid: true }) }));
+};
+export default Component;
+//# sourceMappingURL=timezone-picker-fluid.story.js.map

package/lib/esm/timezone-picker/stories/timezone-picker-fluid.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-picker-fluid.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-fluid.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC9C,KAAC,cAAc,IAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,SAAG,GAC9C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div style={{ width: '100%', maxWidth: '400px' }}>\n      <TimeZonePicker label=\"Select Timezone\" isFluid />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-in-dialog.story.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Dialog, FilledButton, OutlinedButton, TimeZonePicker, } from '@neo4j-ndl/react';
+import { useRef, useState } from 'react';
+const Component = () => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedTimeZone, setSelectedTimeZone] = useState('UTC');
+    const [tempTimeZone, setTempTimeZone] = useState('UTC');
+    const ref = useRef(null);
+    const handleOpen = () => {
+        setTempTimeZone(selectedTimeZone);
+        setIsOpen(true);
+    };
+    const handleClose = () => setIsOpen(false);
+    const handleSave = () => {
+        setSelectedTimeZone(tempTimeZone);
+        setIsOpen(false);
+    };
+    const handleTimeZoneChange = (timezone) => {
+        setTempTimeZone(timezone);
+    };
+    return (_jsxs("div", { ref: ref, className: "n-flex n-flex-col n-items-center n-justify-center n-relative n-h-[500px] n-w-full", children: [_jsxs("div", { className: "n-flex n-flex-col n-items-center n-gap-4", children: [_jsx(FilledButton, { onClick: handleOpen, children: "Select Timezone" }), _jsx("div", { children: _jsxs("p", { children: ["Selected Timezone: ", selectedTimeZone] }) })] }), _jsxs(Dialog, { onClose: handleClose, isOpen: isOpen, container: (ref === null || ref === void 0 ? void 0 : ref.current) || undefined, size: "medium", children: [_jsx(Dialog.Header, { children: "Select Timezone" }), _jsx(Dialog.Description, { children: "Choose a timezone from the list below" }), _jsx(Dialog.Content, { children: _jsx(TimeZonePicker, { label: "Timezone", value: tempTimeZone, onChange: handleTimeZoneChange, isFluid: true }) }), _jsxs(Dialog.Actions, { children: [_jsx(OutlinedButton, { onClick: handleClose, variant: "neutral", size: "medium", children: "Cancel" }), _jsx(FilledButton, { onClick: handleSave, size: "medium", children: "Save" })] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=timezone-picker-in-dialog.story.js.map

package/lib/esm/timezone-picker/stories/timezone-picker-in-dialog.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-picker-in-dialog.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-in-dialog.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,MAAM,EACN,YAAY,EACZ,cAAc,EACd,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAS,KAAK,CAAC,CAAC;IACxE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,KAAK,CAAC,CAAC;IAChE,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,eAAe,CAAC,gBAAgB,CAAC,CAAC;QAClC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAE3C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,mBAAmB,CAAC,YAAY,CAAC,CAAC;QAClC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAChD,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,mFAAmF,aAE7F,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,YAAY,IAAC,OAAO,EAAE,UAAU,gCAAgC,EACjE,wBACE,+CAAuB,gBAAgB,IAAK,GACxC,IACF,EACN,MAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,SAAS,EACpC,IAAI,EAAC,QAAQ,aAEb,KAAC,MAAM,CAAC,MAAM,kCAAgC,EAC9C,KAAC,MAAM,CAAC,WAAW,wDAEE,EACrB,KAAC,MAAM,CAAC,OAAO,cACb,KAAC,cAAc,IACb,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,SACP,GACa,EACjB,MAAC,MAAM,CAAC,OAAO,eACb,KAAC,cAAc,IAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,uBAEpD,EACjB,KAAC,YAAY,IAAC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,qBAEjC,IACA,IACV,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  Dialog,\n  FilledButton,\n  OutlinedButton,\n  TimeZonePicker,\n} from '@neo4j-ndl/react';\nimport { useRef, useState } from 'react';\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [selectedTimeZone, setSelectedTimeZone] = useState<string>('UTC');\n  const [tempTimeZone, setTempTimeZone] = useState<string>('UTC');\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  const handleOpen = () => {\n    setTempTimeZone(selectedTimeZone);\n    setIsOpen(true);\n  };\n\n  const handleClose = () => setIsOpen(false);\n\n  const handleSave = () => {\n    setSelectedTimeZone(tempTimeZone);\n    setIsOpen(false);\n  };\n\n  const handleTimeZoneChange = (timezone: string) => {\n    setTempTimeZone(timezone);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className=\"n-flex n-flex-col n-items-center n-justify-center n-relative n-h-[500px] n-w-full\"\n    >\n      <div className=\"n-flex n-flex-col n-items-center n-gap-4\">\n        <FilledButton onClick={handleOpen}>Select Timezone</FilledButton>\n        <div>\n          <p>Selected Timezone: {selectedTimeZone}</p>\n        </div>\n      </div>\n      <Dialog\n        onClose={handleClose}\n        isOpen={isOpen}\n        container={ref?.current || undefined}\n        size=\"medium\"\n      >\n        <Dialog.Header>Select Timezone</Dialog.Header>\n        <Dialog.Description>\n          Choose a timezone from the list below\n        </Dialog.Description>\n        <Dialog.Content>\n          <TimeZonePicker\n            label=\"Timezone\"\n            value={tempTimeZone}\n            onChange={handleTimeZoneChange}\n            isFluid\n          />\n        </Dialog.Content>\n        <Dialog.Actions>\n          <OutlinedButton onClick={handleClose} variant=\"neutral\" size=\"medium\">\n            Cancel\n          </OutlinedButton>\n          <FilledButton onClick={handleSave} size=\"medium\">\n            Save\n          </FilledButton>\n        </Dialog.Actions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-sizes.story.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { TimeZonePicker } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [selectedTimeZone, setSelectedTimeZone] = useState('Europe/Stockholm');
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem' }, children: [_jsx(TimeZonePicker, { label: "Small", value: selectedTimeZone, onChange: setSelectedTimeZone, size: "small" }), _jsx(TimeZonePicker, { label: "Medium (default)", value: selectedTimeZone, onChange: setSelectedTimeZone, size: "medium" }), _jsx(TimeZonePicker, { label: "Large", value: selectedTimeZone, onChange: setSelectedTimeZone, size: "large" })] }));
+};
+export default Component;
+//# sourceMappingURL=timezone-picker-sizes.story.js.map

package/lib/esm/timezone-picker/stories/timezone-picker-sizes.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-picker-sizes.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAC3C,QAAQ,CAAS,kBAAkB,CAAC,CAAC;IAEvC,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACnE,KAAC,cAAc,IACb,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,IAAI,EAAC,OAAO,GACZ,EACF,KAAC,cAAc,IACb,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,IAAI,EAAC,QAAQ,GACb,EACF,KAAC,cAAc,IACb,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,IAAI,EAAC,OAAO,GACZ,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selectedTimeZone, setSelectedTimeZone] =\n    useState<string>('Europe/Stockholm');\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>\n      <TimeZonePicker\n        label=\"Small\"\n        value={selectedTimeZone}\n        onChange={setSelectedTimeZone}\n        size=\"small\"\n      />\n      <TimeZonePicker\n        label=\"Medium (default)\"\n        value={selectedTimeZone}\n        onChange={setSelectedTimeZone}\n        size=\"medium\"\n      />\n      <TimeZonePicker\n        label=\"Large\"\n        value={selectedTimeZone}\n        onChange={setSelectedTimeZone}\n        size=\"large\"\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker-utc-only.story.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { TimeZonePicker } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [selectedTimeZone, setSelectedTimeZone] = useState('UTC');
+    const handleTimeZoneChange = (timezone) => {
+        setSelectedTimeZone(timezone);
+    };
+    return (_jsxs("div", { children: [_jsx(TimeZonePicker, { label: "Select UTC Timezone", value: selectedTimeZone, onChange: handleTimeZoneChange, mode: "utc" }), _jsxs("div", { style: { marginTop: '1rem' }, children: [_jsxs("p", { children: [_jsx("strong", { children: "Selected Timezone:" }), " ", selectedTimeZone] }), _jsxs("div", { style: {
+                            backgroundColor: '#f5f5f5',
+                            borderRadius: '4px',
+                            marginTop: '1rem',
+                            padding: '1rem',
+                        }, children: [_jsx("p", { children: _jsx("strong", { children: "Features:" }) }), _jsxs("ul", { style: {
+                                    fontSize: '0.9em',
+                                    margin: 0,
+                                    paddingLeft: '1.5rem',
+                                }, children: [_jsx("li", { children: "Select from common UTC offsets (UTC-12 to UTC+14)" }), _jsx("li", { children: "Includes fractional offsets (UTC+5:30, UTC+9:30, etc.)" }), _jsx("li", { children: "Type custom offsets: UTC+1:05, UTC-3:45, etc." }), _jsx("li", { children: "Ideal for database entries and technical applications" })] }), _jsx("p", { style: {
+                                    color: '#999',
+                                    fontSize: '0.85em',
+                                    marginBottom: 0,
+                                    marginTop: '0.5rem',
+                                }, children: "Try typing: UTC+5:30, UTC-7:15, or UTC+12:45" })] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=timezone-picker-utc-only.story.js.map

package/lib/esm/timezone-picker/stories/timezone-picker-utc-only.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone-picker-utc-only.story.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker-utc-only.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAS,KAAK,CAAC,CAAC;IAExE,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAChD,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,0BACE,KAAC,cAAc,IACb,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,oBAAoB,EAC9B,IAAI,EAAC,KAAK,GACV,EACF,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,aAC/B,wBACE,kDAAmC,OAAE,gBAAgB,IACnD,EACJ,eACE,KAAK,EAAE;4BACL,eAAe,EAAE,SAAS;4BAC1B,YAAY,EAAE,KAAK;4BAEnB,SAAS,EAAE,MAAM;4BACjB,OAAO,EAAE,MAAM;yBAChB,aAED,sBACE,yCAA0B,GACxB,EACJ,cACE,KAAK,EAAE;oCACL,QAAQ,EAAE,OAAO;oCACjB,MAAM,EAAE,CAAC;oCACT,WAAW,EAAE,QAAQ;iCACtB,aAED,6EAA0D,EAC1D,kFAA+D,EAC/D,yEAAsD,EACtD,iFAA8D,IAC3D,EACL,YACE,KAAK,EAAE;oCACL,KAAK,EAAE,MAAM;oCACb,QAAQ,EAAE,QAAQ;oCAClB,YAAY,EAAE,CAAC;oCACf,SAAS,EAAE,QAAQ;iCACpB,6DAGC,IACA,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TimeZonePicker } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selectedTimeZone, setSelectedTimeZone] = useState<string>('UTC');\n\n  const handleTimeZoneChange = (timezone: string) => {\n    setSelectedTimeZone(timezone);\n  };\n\n  return (\n    <div>\n      <TimeZonePicker\n        label=\"Select UTC Timezone\"\n        value={selectedTimeZone}\n        onChange={handleTimeZoneChange}\n        mode=\"utc\"\n      />\n      <div style={{ marginTop: '1rem' }}>\n        <p>\n          <strong>Selected Timezone:</strong> {selectedTimeZone}\n        </p>\n        <div\n          style={{\n            backgroundColor: '#f5f5f5',\n            borderRadius: '4px',\n\n            marginTop: '1rem',\n            padding: '1rem',\n          }}\n        >\n          <p>\n            <strong>Features:</strong>\n          </p>\n          <ul\n            style={{\n              fontSize: '0.9em',\n              margin: 0,\n              paddingLeft: '1.5rem',\n            }}\n          >\n            <li>Select from common UTC offsets (UTC-12 to UTC+14)</li>\n            <li>Includes fractional offsets (UTC+5:30, UTC+9:30, etc.)</li>\n            <li>Type custom offsets: UTC+1:05, UTC-3:45, etc.</li>\n            <li>Ideal for database entries and technical applications</li>\n          </ul>\n          <p\n            style={{\n              color: '#999',\n              fontSize: '0.85em',\n              marginBottom: 0,\n              marginTop: '0.5rem',\n            }}\n          >\n            Try typing: UTC+5:30, UTC-7:15, or UTC+12:45\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}