content: // This file is part of Indico.
  // Copyright (C) 2002 - 2021 CERN
  //
  // Indico is free software; you can redistribute it and/or
  // modify it under the terms of the MIT License; see the
  // LICENSE file for more details.
  
  import React from 'react';
  import ReactDOM from 'react-dom';
  import {WTFTimeField} from 'indico/react/components';
  import {localeUses24HourTime} from 'indico/utils/date';
  
  window.setupTimeWidget = function setupTimeWidget({fieldId, required, disabled, locale}) {
    // Make sure the results dropdown is displayed above the dialog.
    const field = $(`#${fieldId}`);
    field.closest('.ui-dialog-content').css('overflow', 'inherit');
    field.closest('.exclusivePopup').css('overflow', 'inherit');
  
    ReactDOM.render(
      <WTFTimeField
        timeId={`${fieldId}-timestorage`}
        uses24HourFormat={localeUses24HourTime(locale.replace('_', '-'))}
        required={required}
        disabled={disabled}
      />,
      document.getElementById(fieldId)
    );
  };
  