import type { FactoryPayload } from '../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/lib'
import type { EmotionSx } from '@mantine/emotion'

import type { EmotionStyles } from '../emotion/index.mjs'
import type { ShadingColor } from '../theme/colors.mjs'
import type { Color } from '../theme/theme.mjs'

declare module '../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/lib' {
  interface MantineThemeColorsOverride {
    colors: Record<Color | (string & {}), ShadingColor>
  }
  interface StylesApiPropsOverride<Payload extends FactoryPayload> {
    styles?: EmotionStyles<Payload>
  }
  interface BoxProps {
    sx?: EmotionSx
  }
}

declare module '@mantine/core' {
  interface MantineThemeColorsOverride {
    colors: Record<Color | (string & {}), ShadingColor>
  }
  interface StylesApiPropsOverride<Payload extends FactoryPayload> {
    styles?: EmotionStyles<Payload>
  }
  interface BoxProps {
    sx?: EmotionSx
  }
}
import { DateTimePickerProps } from './types.mjs';
export interface UseDateTimePickerProps extends Pick<DateTimePickerProps, 'value' | 'onChange' | 'startDate' | 'endDate' | 'format' | 'formatter'> {
    /**
     * the UTC offset in minutes.
     * User selected time will be treated as time in that timezone
     * If the input is less than 16 and greater than -16, it will interpret your input as hours instead.
     * It also can be a string like '+09:00' or '-01:00'
     * @see https://day.js.org/docs/en/manipulate/utc-offset
     */
    utcOffset?: number | string;
}
/**
 * Hook for timezone-aware DateTimePicker
 *
 * @example
 * ```tsx
 * const Component = () => {
 *   const [value, setValue] = useState<Date>()
 *
 *   // UTC+8 timezone (480 minutes)
 *   const utcOffset = 480
 *
 *   // Use hook to convert timezone
 *   const dateTimePickerProps = useDateTimePicker({
 *     value,
 *     onChange: setValue,
 *     startDate: dayjs().subtract(1, 'day').toDate(),
 *     endDate: dayjs().add(1, 'day').toDate(),
 *     utcOffset
 *   })
 *
 *   // Use spread operator to pass converted props
 *   return <DateTimePicker {...dateTimePickerProps} />
 * }
 * ```
 */
export declare const useDateTimePicker: ({ value, onChange, startDate, endDate, utcOffset, format, formatter }: UseDateTimePickerProps) => Pick<DateTimePickerProps, "value" | "onChange" | "startDate" | "endDate" | "formatter">;