hunk.code_window:     justifyContent,
       position: 'fixed',
       left: '0',
       top: '0',
       zIndex: 'var(--affine-z-index-modal)',
       '*': {
         WebkitTapHighlightColor: 'transparent',
         outline: 'none',
  
hunk.labels: keep keep keep keep add keep keep keep
hunk.after_edit:     WebkitAppRegion: 'no-drag',
  
hunk.file_path: packages/component/src/ui/modal/styles.ts
hunk.type: add
file: import type { TableCellProps } from '@affine/component';
  import { TableCell } from '@affine/component';
  import type { PageMeta } from '@blocksuite/store';
  import dayjs from 'dayjs';
  import localizedFormat from 'dayjs/plugin/localizedFormat';
  import React from 'react';
  
  dayjs.extend(localizedFormat);
  
  export const DateCell = ({
    pageMeta,
    dateKey,
    backupKey = '',
    ...props
  }: {
    pageMeta: PageMeta;
    dateKey: keyof PageMeta;
    backupKey?: keyof PageMeta;
  } & Omit<TableCellProps, 'children'>) => {
    const value = pageMeta[dateKey] ?? pageMeta[backupKey];
    return (
      <TableCell ellipsis={true} {...props}>
        {typeof value === 'number'
          ? dayjs(value).format('YYYY-MM-DD HH:mm')
          : '--'}
      </TableCell>
    );
  };
  
  export default DateCell;
  